<canvas id="my-canvas" width="650px" height="500px"> 
</canvas>
let myCanvas = document.getElementById('my-canvas');

let ctx = myCanvas.getContext('2d');

ctx.fillStyle = 'yellow';

ctx.beginPath();
ctx.arc(275,275, 150, 0, Math.PI * 2, true);
ctx.fill();
ctx.strokeStyle ='gold';
ctx.arc(275,275, 150, 0, Math.PI * 2, true);
ctx.stroke();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.