<canvas id="canvas" width="1024" height="600"></canvas>
<script type="text/JavaScript">
var ctx = document.getElementById('canvas').getContext('2d');
//void ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);
ctx.beginPath();
ctx.arc(50, 50, 40, 0, Math.PI * 2, true);
ctx.stroke();
</script>