canvas-arc

作者: 星空有月 | 来源:发表于2016-12-23 00:13 被阅读16次

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

    canvas里面,用arc通过角度可以画出圆形和弧形 注意:arc里面的旋转角度只能是弧度! 其中gd.arc(圆...

网友评论

    本文标题:canvas-arc

    本文链接:https://www.haomeiwen.com/subject/xjohvttx.html