SVG动画渐变停止

我有一个SVG，我想动画从左到右和后面的渐变停止。我设法从左向右进行动画制作，但我不知道如何将其制作回来。SVG动画渐变停止

这里是我的代码：

<svg id="mySvg" width="700px" height="498px"> 
    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-0.4998" y1="250" x2="700" y2="250"> 
      <stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0.1"> 
       <animate attributeName="offset" begin="0s" dur="2s" from="0" to="1" repeatCount="indefinite" /> 
      </stop>    
     <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.1"/>          
    </linearGradient> 

    <path fill="url(#SVGID_1_)" d="M691.115,114.684c-9.084,0-16.193,7.1 ..."/> 
</svg>

我有什么做的，创建一个由左到右和背部动作不断梯度停止动画？

非常感谢，

文森特

来源

2011-10-21 Vinzcent

我发现，这只是八九不离十在Firefox。您必须切换选项卡或单击对象才能更新颜色。不知道为什么.... –

代替从和向属性使用，尝试使用值= '0; 1; 0'。值属性允许您指定随时间使用的许多值，而不仅仅是两端的值。

它可以是有时很难消化，但在说明书中的相关章节涵盖了大量的地面是知道的动画有用：http://www.w3.org/TR/SVG/animate.html

来源

2011-10-23 19:54:45

谢谢，罗宾:) – Vinzcent

SVG动画渐变停止

回答

相关问题