smiley face

by SnakeFox

HTML

<canvas id="woodstock" width="400" height="400"></canvas>

CSS

canvas {
    border: 1px solid black;
}

JavaScript

window.onload = function(){
    var canvas = document.getElementById("woodstock");
    var context = canvas.getContext("2D");
     var centerX = canvas.width / 2;
      var centerY = canvas.height / 2;
      var radius = 70;

      context.beginPath();
      context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
      context.fillStyle = 'green';
      context.fill();
      context.lineWidth = 5;
      context.strokeStyle = '#003300';
      context.stroke();
    /*context.beginPath();
    context.arc(200,200,50,2*Math.PI,true);
    context.fillStyle = "green";
    context.fill();
     context.stroke();*/
}