canvas-arc

canvas里面,用arc通过角度可以画出圆形和弧形

function d2a(n){
  return Math.PI*n/180;
}//角度换算成弧度
var oC = document.getElementById('c1');
var gd = oC.getContext('2d');
var cx = 100;var cy = 100;
var r = 100;
gd.arc(cx,cy,r,d2a(0),d2a(360),false);
gd.fill();

注意:
arc里面的旋转角度只能是弧度!

其中gd.arc(圆心x坐标,圆心y坐标,开始旋转弧度,结束弧度,是否是逆时针);
通过arc可以画一个弧

var gd = oC.getContext('2d');
gd.moveTo(200,200);
gd.arc(200,200,100,d2a(0),d2a(90),false);
gd.clothPath();
gd.stroke();

你可能感兴趣的:(canvas-arc)