问题导入
<body>
<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
</body>
<script>
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.arc(100,100,90,270,true);
context.stroke();
context.closePath();
};
</script>
arc方法的参数是这样设置的arc(圆心的横坐标,圆心的纵坐标,圆的半径，弧的起始角，弧的终止角，true/false(逆时针/顺时针))
而是这样的
造成这样的原因是因为，起始角和终止角的单位都是弧度我们写的90和270浏览器把他当作弧度来计算了，我们把90和270转换成角度可以得出分别是108和357度，正好是上图中下部分的那个起点逆时针距离X轴正方向的角度，终点也是如此。
那么如果我想要起点在90度终点在270度应该怎么做呢，毕竟我们常用的单位是角度而不是弧度
解决办法
很简单，把角度换算成弧度就行，就像这样
context.arc(200,200,Math.PI*90/180,Math.PI*270/180,true);这里的90和270就是我们常用的角度，乘上π/180就是弧度了
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
