samedi 2 juillet 2016

Dasharray




<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" version="1.1">
<g>
<line stroke="black" stroke-width="1" stroke-dasharray="5,5" x1="0" y1="0" x2="400" y2="400">

</line>
<circle stroke="black" stroke-width="1" stroke-dasharray="5,5" fill="none" r="100" cx="200" cy="200">
<animate attributename="stroke-width" begin="0s" dur="20s" values="1;50;1" repeatcount="indefinite"/>
<animateTransform attributeName="transform" attributeType="xml" type="rotate" repeatcount="indefinite" begin="0s" dur="6s" values="0 200 200;-360 200 200"/>
<animate attributename="stroke-dasharray" begin="0s" dur="20s" values="5 5;100 100;5 5" repeatcount="indefinite">
</circle>
</g>
</svg>