<canvas id="my-canvas" width="650px" height="500px">
</canvas>
let myCanvas = document.getElementById('my-canvas');
let ctx = myCanvas.getContext('2d');
ctx.beginPath();
ctx.strokeStyle ='blue';
ctx.arc( 100, 120, 80, 0, Math.PI * 2, true );
ctx.stroke();
ctx.beginPath()
ctx.strokeStyle = 'red';
ctx.arc(120, 130, 55, 0, Math.PI * 2, true);
ctx.stroke();
ctx.beginPath()
ctx.fillStyle = 'yellow';
ctx.arc(140, 150, 25, 0, Math.PI * 2, true);
ctx.fill();
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.