javascript - 360 度 Canvas 弧中的缺口

Question

为什么360度圆弧会有缝隙

ctx.beginPath();
ctx.moveTo(100, 100);
ctx.arc(100, 100, 100, 90 * Math.PI / 180, 450 * Math.PI / 180);

而从0到360的弧度还没有

ctx.beginPath();
ctx.moveTo(310, 100);
ctx.arc(310, 100, 100, 0 * Math.PI / 180, 360 * Math.PI / 180);

http://jsfiddle.net/YMtdZ/4/
这是一个错误还是我做错了什么？

Answer 1

Chrome 对 Canvas 的 arc 方法有几个问题。

您可以像这样微调 Angular 来解决 Chrome 中的这个问题:

ctx.arc(100, 100, 100, 90 * Math.PI / 180.01, 450 * Math.PI / 180.01);

Updated Fiddle