CANVAS ARC

by bhupendra negi

HTML

<canvas id = "container" width = "300" height="350">
  NO canvas support in your browser
</canvas>

CSS

canvas{
    border:1px solid blue
}

JavaScript

var canvas = document.getElementById("container");
var ctx = canvas.getContext("2d");
console.log(ctx);

      var x = canvas.width / 2,y;
       y = canvas.height / 2;
      var radius = 75;
      var startAngle = 0;
      var endAngle =.5 * Math.PI;
      var counterClockwise = true;


    ctx.beginPath();
    ctx.arc(x,y,radius,startAngle,endAngle,counterClockwise);
    ctx.lineWidth=15;
    ctx.strokeStyle = "black";
    ctx.stroke();