<!DOCTYPE html>
<html lang="en-US">
<body>
<canvas width="120" height="120" id="point">Your browser does not support the canvas element.
</canvas>
<script>
var canvas = document.getElementById('point');
var ctx = canvas.getContext('2d');
ctx.fillStyle = "#339933";
ctx.strokeStyle = "red";
ctx.lineWidth = 3;
ctx.beginPath();
ctx.arc(60, 60, 50, 0, 2 * Math.PI);
ctx.fill();
ctx.stroke();
</script> </body>
</html>