1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
|
<canvas id='zone' width='180', height='180'>
</canvas>
<script type='text/javascript'>
var contexte=document.getElementById('zone').getContext('2d')
contexte.translate(45,45) //déplacement du centre
contexte.arc(0,0,5,0,Math.PI*2, true) // traçage du premier cercle que rotate est censer copier
contexte.translate(90,90) //centrer au milieux du canvas
for (i=1; i < 31; i++) {
//boucle pour faire mon cercle de cercles
contexte.rotate((i*12)*(Math.PI/180))
contexte.arc(0,0,5,0,Math.PI*2, true) // le centre est censer avoir été changer par la rotation
}
contexte.fill()
</script> |
Partager