Path 将背景颜色和图像形状组合在一起

我想为SVG设置此样式

：

---

这张图片有透明的像素，我需要背景色来填充它。

我可以合理地确定，在一条路径中不能有背景色的图像

---

但是，您可以通过在同一位置使用两个路径来复制效果，图像路径位于纯色路径的顶部。

我可以合理地确定，您不能在一个路径中使用背景颜色的图像

---

但是，您可以通过在同一位置有两个路径来复制效果，其中图像路径位于纯色路径的顶部。

在SVG中，您要做的是定义一个包含所需颜色和图像的矩形的

，然后将其用作

的填充

请参见SVG测试套件中的

---

“背景图像”和“背景颜色”不适用于svg内容，除非它由CSS框模型处理（因此基本上只是根svg元素）。

在svg中，您要做的是定义一个包含所需颜色和图像的矩形的

，然后将其用作

的填充

请参见SVG测试套件中的

“背景图像”和“背景颜色”不适用于svg内容，除非它由CSS框模型处理（因此基本上只是根svg元素）。

background-color: red;
background-image: url('myImage.png');