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