samedi 12 septembre 2015
Rotation !
<svg width="250" height="250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<image xlink:href="http://www.elemathique.com/illustrations/100px-asterisk.svg.png" width="100" height="100" x="100" y="100" stroke="black" stroke-width="1" fill="olive">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" from="0 150 150" to="360 150 150" begin="1s" dur="2s" fill="freeze" repeatCount="indefinite"/>
</rect>
</svg>
<svg width="250" height="250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100" height="100" x="100" y="100" stroke="black" stroke-width="1" fill="olive">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 150 150; 5 150 150; 0 150 150; -5 150 150" begin="2s" dur="2s" repeatCount="indefinite"/>
</rect>
</svg>
-
Animation attribute (width, opacity, etc.) <animate attributeName="?" begin="0s" dur="6s" repeatCount...
-
Generate