snap.svg - SVG pattern animation -


i have defined pattern in svg. want rotate continuously.... i'm not able apply animation on pattern definition. applied same animation symbol , works not working on pattern...

<pattern id="gpattern"          x="10" y="10" width="20" height="20"          patternunits="userspaceonuse"          patterntransform="rotate(35)"         >         <circle id="mycircle" cx="10" cy="10" r="10" style="stroke: none; fill: red" > </circle>      </pattern> 

this pattern def.

please me how can apply transform animation whole "pattern" individual contents of it.. in case circle...

there doesn't seem stopping dropping <animatetransform> pattern definition:

<svg width="200" height="200" viewbox="0 0 200 200">    <defs>      <pattern id="gpattern" x="10" y="10" width="20" height="20"               patternunits="userspaceonuse"               patterntransform="rotate(35)">        <animatetransform attributetype="xml"                          attributename="patterntransform"                          type="rotate" from="35" to="395" begin="0"                          dur="60s" repeatcount="indefinite"/>        <circle cx="10" cy="10" r="10" stroke="none" fill="red"/>      </pattern>    </defs>    <rect x="0" y="0" width="200" height="200" fill="url(#gpattern)"/>  </svg>


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -