Komentar: Saya menemukan bahwa perbatasan yang ditarik oleh fungsi persegi panjang di dalamnya memiliki gaya yang tidak konsisten. Izinkan saya membagikan ide untuk menyelesaikan masalah dengan semua orang. Teman yang tertarik tidak boleh melewatkannya.
Dalam dua hari terakhir, saya perlu menggunakan gambar HTML5 dari kolega saya. Saya menemukan bahwa perbatasan yang ditarik oleh fungsi dengan persegi panjang di dalamnya memiliki gaya yang tidak konsisten. Akhirnya, saya menemukan inti dari masalah melalui beberapa metode pengecualian, dan saya akan membaginya dengan Anda.
Pertama lampirkan kode HTML5 untuk menggambar persegi panjang:
<Canvas> </an Canvas>
<script>
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 = 'merah';
Context.stroke ();
</script>
Anda akan menemukan bahwa gaya perbatasan berbeda setelah eksekusi, dan bagian bawahnya jelas sangat tipis. Warnanya sedikit berbeda
Setelah memodifikasi Context.Rect (188.0, 50, 200, 100.375) menjadi Context.Rect (188.0, 50, 200, 100), ditemukan bahwa gayanya sepenuhnya konsisten.
Ini menunjukkan bahwa ketika menggambar persegi panjang, jika ada parameter di dalamnya yang bukan bilangan bulat, mudah untuk menyebabkan masalah perbatasan, sehingga Anda disarankan agar Anda membulatkannya sebelum menggunakannya.