samedi 2 juillet 2016




<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" version="1.1">
 <rect id="svg_1" height="399" width="404" y="1" x="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#ff7f00"/>
 <line stroke="black" stroke-width="1" stroke-dasharray="5,5" x1="0" y1="0" x2="400" y2="400"/>

<symbol id="pointi">
 <circle stroke="black" stroke-linecap="round" 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>
 <circle stroke="white" stroke-linecap="round" fill="none" r="100" cx="200" cy="200">
  <animate attributename="stroke-width" begin="0s" dur="20s" values="0.5;25;0.5" 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>
 <circle stroke="black" stroke-linecap="round" fill="none" r="100" cx="200" cy="200">
  <animate attributename="stroke-width" begin="0s" dur="20s" values="0.25;12.5;0.25" 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>
</symbol>

<g>
<use xlink:href="#pointi"/>
<g>
<use xlink:href="#pointi" transform="scale(0.5) translate(200,200)"/>
 <animateTransform attributeName="transform" attributeType="xml" type="rotate" repeatcount="indefinite" begin="0s" dur="6s" values="-720 200 200;0 200 200"/>
<use xlink:href="#pointi" transform="scale(0.25) translate(200,200)"/>
<use xlink:href="#pointi" transform="scale(0.25) translate(1000,1000)"/>
</g>
</g>
</svg>