<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.moveTo(x,y);
context.arc(x,y,r,1 * Math.PI, 1.5 * Math.PI, false);
context.fill();
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.