用背景图像填充SVG路径元素
是否可以background-image为SVG <path>元素设置a ？
例如，如果设置了element class="wall"，则CSS样式.wall {fill: red;}有效，但.wall{background-image: url(wall.jpg)}都不起作用.wall {background- color: red;}。
问题答案：
您可以通过将背景变成图案来实现：
<defs>
<pattern id="img1" patternUnits="userSpaceOnUse" width="100" height="100">
<image xlink:href="wall.jpg" x="0" y="0" width="100" height="100" />
</pattern>
</defs>
根据您的图像调整宽度和高度，然后从这样的路径中引用它：
<path d="M5,50
l0,100 l100,0 l0,-100 l-100,0
M215,100
a50,50 0 1 1 -100,0 50,50 0 1 1 100,0
M265,50
l50,100 l-100,0 l50,-100
z"
fill="url(#img1)" />
-
问题内容： 将SVG输出直接与页面代码内联放置，我能够像这样简单地用CSS修改填充颜色： 这很好用，但是我正在寻找一种方法，当它用作Background-IMAGE时，修改SVG的“填充”属性。 现在如何更改颜色？可能吗 作为参考，这是我的外部SVG文件的内容： 问题答案： 一种方法是从某种服务器端机制为svg提供服务。只需创建一个资源服务器端，即可根据GET参数输出svg，然后将其提供给某个网址
-
我有一个箭头头的路径，我想做一个颜色过渡动画，从左到右。 我已经为线和箭头做了这件事，但它似乎不是同步的。我希望线和箭头都过渡颜色无缝。 CSS
-
如果我通过css背景图像加载SVG图像，如下所示： 如何更改图标内部形状或整个图标本身的填充颜色？ 谢谢。
-
我有一个SVG作为div中的背景图像。当我通过JQuery添加一个类“svg”时，我想改变这个SVG的填充颜色。 我该怎么做呢？ 以下是我目前为止的代码: 谢谢 899年
-
问题内容： 我想为不同的div设置背景图像，但是我的问题是： 图片尺寸为固定值（60px）。 改变div的大小 如何拉伸背景图像以填充整个div背景？ 问题答案： 加 到背景图片下方的CSS。 您还可以指定确切的尺寸，即：
-
问题内容： 我正在尝试从左到右制作箭头动画，箭头路径的代码如下所示： 以上是我的箭头的svg路径内容。 有人可以帮助我如何从左到右填充路径。等待快速响应 问题答案： 您可以通过仅对中的s设置动画来完成此操作。 这是如何工作的，我们有一个线性梯度表示从绿色到白色的突然变化。所述元件移动位置，即突然变化，从左边的箭头（偏移= 0）到右侧的（偏移量=“1”）。 请注意，SVG 元素在IE中不起作用。如果