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
Post a Comment