我想生成一个随时间变化的SVG渐变效果。
在这个示例代码中,我想生成一个椭圆形,其渐变效果为红色,有一个黄色条纹,随着时间从西向东移动(创建一个闪烁效果):
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
<stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" >
<animate
attributeName="offset"
from="0%"
to="100%"
repeatCount="indefinite"/>
</stop>
<stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>
</defs>
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
</svg>
目前这个还无法实现,但我不确定是因为我的操作有误,还是SVG渐变效果本身就无法实现。