在HTML5画布上不完美的球绘图

Question

HTML5 Canvas似乎在某些条件下绘制不完美的球。当有红色背景和黑色轮廓的黑色圆圈时，左侧的轮廓看起来更宽，右侧的轮廓更薄。这里有一个小提琴：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

这可能是一种视错觉。如果将笔划设置为白色，则显示正常。