Chrome中的画布半圆错误解决方法

Question

看起来有人确实在 Chromium 论坛上提到了这个错误，但没有解决办法，所以我想知道是否有人知道解决方法。

问题是尝试使用 canvas 元素在 Chrome 中逆时针呈现半圆。相反，这会呈现一个完整的圆圈：

var ctx = document.getElementById('can').getContext('2d');
ctx.beginPath();
ctx.arc(50,50,50,0,Math.PI*3,true);
ctx.fill();
ctx.closePath();

这是一个小提琴，在非 Chrome 中查看，然后在 chrome 中查看：fiddle

Answer 1

该错误可能源于this part of the spec：

如果逆时针参数被省略或为假并且 endAngle-startAngle 等于或大于 2π，或者，如果 逆时针参数为真且 startAngle-endAngle 等于或 大于 2π，那么弧就是这个的整个圆周 圈子。

Chrome 似乎不尊重该声明的第二部分（即当 anticlockwise 为 true 时）。

为什么不规范化你的端点？

var end = 3 * Math.PI;
while (end > 2 * Math.PI) {
    end -= 2 * Math.PI;
}