SVGでアニメーションをさせるには、SVGタグ内でアニメーションを指定します。
<svg height="200" width="400">
<polygon fill="#FFFF00" points="153,184 100.271,158.186 49.113,186.988 57.37,128.863
14.168,89.109 72,79 96.458,25.628 123.943,77.506 182.261,84.274 141.416,126.445 " stroke-miterlimit="10" stroke="#000000">
<animatetransform attributename="transform" begin="0s" dur="3s" from="360 50 50" repeatcount="indefinite" to="0 50 50" type="rotate">
</animatetransform>
<animatemotion begin="0s" dur="5s" path="M 0 100 L 400 100" repeatcount="indefinite" rotate="auto"></animatemotion>
</polygon>
</svg>
0 件のコメント:
コメントを投稿