<canvas id="myCanvas" width="300" height="300"></canvas>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width/2;
var y = canvas.height/2;
var r = 100;
context.fillStyle="pink";
context.arc(x,y,r,0 * Math.PI, 2 * Math.PI, false);
context.stroke();
context.fill();
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.