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-キャンバス