Файл примера arc.js
script/context2d/scripts/arc.js
var canvas = document.getElementById('tutorial');
if (canvas.getContext){
var ctx = canvas.getContext('2d');
for (i=0;i<4;i++){
for(j=0;j<3;j++){
ctx.beginPath();
var x = 25+j*50;
var y = 25+i*50;
var radius = 20;
var startAngle = 0;
var endAngle = Math.PI+(Math.PI*j)/2;
var clockwise = i%2==0 ? false : true;
ctx.arc(x,y,radius,startAngle,endAngle, clockwise);
if (i>1){
ctx.fill();
} else {
ctx.stroke();
}
}
}
}