Context2D Example▲
Sélectionnez
var ctx =
document.getElementById('tutorial').getContext('2
d');
ctx.translate(75
,75
);
for
(i=
1
;i&
lt;6
;i++
){
// Loop through rings (from inside to out)
ctx.save();
ctx.fillStyle =
'rgb('+
(51
*
i)+
','
+
(255
-
51
*
i)+
',255
)';
for
(j=
0
;j&
lt;i*
6
;j++
){
// draw individual dots
ctx.rotate(Math.PI*
2
/
(i*
6
));
ctx.beginPath();
ctx.arc(0
,i*
12.5
,5
,0
,Math.PI*
2
,true
);
ctx.fill();
}
ctx.restore();
}