コメント：内部の長方形関数によって描かれた境界線には一貫性のないスタイルがあることがわかりました。みんなと問題を解決するためのアイデアを共有させてください。興味のある友達はそれを見逃すべきではありません。
過去2日間で、同僚のHTML5図面を使用する必要があります。内部の長方形を持つ関数によって描かれた境界線には一貫性のないスタイルがあることがわかりました。最後に、いくつかの除外方法で問題の核心を見つけました。それらをあなたと共有します。
最初にHTML5コードを添付して、長方形を描画します。
<canvas> </canvas>
<スクリプト>
var canvas = document.getElementById（ 'mycanvas'）;
var context = canvas.getContext（ '2d'）;
context.beginpath（）;
Context.Rect（188.0、50、200、100.375）;
context.fillstyle = 'white';
context.fill（）;
Context.LineWidth = 1;
context.strokestyle = 'red';
context.stroke（）;
</script>
実行後、ボーダースタイルは異なることがわかり、底部は明らかに非常に薄いことがわかります。色は少し異なります
Context.Rect（188.0、50、200、100.375）をContext.Rect（188.0、50、200、100）に変更した後、スタイルは完全に一貫していることがわかります。
これは、長方形を描くとき、整数ではないパラメーターが内部にある場合、境界の問題を引き起こすことが簡単であるため、使用する前に丸くすることをお勧めします。