javascript - 在 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

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