如何使用 SMIL 更改 SVG 的背景颜色



如果没有javascript或其他CSS,是否可以更改SVG的背景颜色(属性样式(?

这在下面没有效果:

<svg  xmlns="http://www.w3.org/2000/svg" 
style="stroke:black;fill:black;font-size:18;background-color:orange"
width="500"
height="250"
viewBox="0 0 500 250"
version="1.0" >
<set attributeName="style" attributeType="XML" begin="1s" dur="3s" to="background-color:crimson"/>
</svg>
background-color

不是SVG 规范的一部分。要填充 SVG,颜色将在背景中创建具有给定填充的rect(请参阅此问题(。然后,您可以使用set更改rect元素的填充。

<svg xmlns="http://www.w3.org/2000/svg" style="stroke:black;font-size:18" width="500" height="250" viewBox="0 0 500 250"version="1.0">
<rect width="100%" height="100%" fill="orange">
<set attributeName="fill" attributeType="XML" begin="1s" dur="3s" to="crimson"/>
</rect>
</svg>

相关内容

  • 没有找到相关文章

最新更新