在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的画布

Answer 1

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