You are on page 1of 1

<body>

<canvas id='c' width=1000 height=1000></canvas>


<script>
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
var x = 400;
var y = x;
var rad = x - 30;
ctx.lineWidth = 5;
for (var i = 0; i < 100; i++) {
ctx.beginPath();
ctx.arc(x, y, rad, 0, Math.PI, i % 2);
ctx.stroke();
i % 2 ? x -= 10 : x += 10;
i % 2 ? y -= 1 : y += 1;
rad -= 10;
}
</script>
</body>

You might also like