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

该错误可能源于 规范的这一部分：

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

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

为什么不标准化你的终点呢？

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