HTML5 Canvas 上的不完美球绘图

Question

HTML5 Canvas 似乎在某些条件下画出了不完美的球。当有红色背景和黑色轮廓的蓝色圆圈时，轮廓看起来左侧较宽，右侧较细。这里有一个 fiddle 来说明这一点：https://jsfiddle.net/omgszg38/4/。你不觉得吗？
这是绘制球的代码：

d.beginPath();
d.fillStyle = "blue";
d.arc(x,y,radius,0,Math.PI*2,false);
d.fill();

d.lineWidth = 1; //Ball stroke

d.beginPath();
d.arc(x,y,radius,0,Math.PI*2,false);
d.stroke();

注意：我已经在另一个论坛上寻求过关于此的帮助，如果您需要更多信息，这里就是：http://www.webdeveloper.com/forum/showthread.php?359393-Imperfect-Ball-drawing-on-HTML5-Canvas

Answer 1

这可能是一种视错觉。如果您将描边设置为白色，它看起来很好。