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動畫漸變停止

回答

相關問題