test-gcanvas-node
Version:
gcanvas for node developer
19 lines (17 loc) • 691 B
JavaScript
for (let i = 0; i <= 3; i++) {
for (let j = 0; j <= 2; j++) {
ctx.beginPath();
let x = 25 + j * 50 * ratio; // x coordinate
let y = 25 + i * 50 * ratio; // y coordinate
let radius = 20 * ratio; // Arc radius
let startAngle = 0; // Starting point on circle
let endAngle = Math.PI + (Math.PI * j) / 2; // End point on circle
let anticlockwise = i % 2 == 1; // Draw anticlockwise
ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);
if (i > 1) {
ctx.fill();
} else {
ctx.stroke();
}
}
}