var canavs = document.getElementById('canvas')
var ctx = canavs.getContext('2d'); // 2d 或者3d
      ctx.beginPath()
      ctx.arc( 75, 75, 50, Math.PI*0.5, Math.PI*0, true) // (x, y, 半径, 起始角, 结束角,  False = 顺时针，true = 逆时针)
      ctx.stroke() // 划线

如图所示：