首页 > 开发 > HTML > 正文

关于arc()在canvas上画圆的问题

2017-09-09 13:56:01  来源: 网友分享

这段代码中Math.PI / 2, Math.PI * 1.5这两个值怎么理解呢,为啥要这么用?

    var canvas = document.getElementById('myCanvas');    if(canvas.getContext){        var context = canvas.getContext('2d');        context.fillStyle = '#1c94c4';        //        context.beginPath();        context.arc(105, 75, 35, Math.PI / 2, Math.PI * 1.5);        context.fill();    }

解决方案

arc() 的参数是弧度,所以要把度转化为弧度,其实就是 π/23π/2,也就是 90°270°