ความคิดเห็น: ฉันพบว่าเส้นขอบที่วาดโดยฟังก์ชั่นสี่เหลี่ยมภายในมีสไตล์ที่ไม่สอดคล้องกัน ให้ฉันแบ่งปันความคิดในการแก้ปัญหากับทุกคน เพื่อนที่สนใจไม่ควรพลาด
ในสองวันที่ผ่านมาฉันต้องใช้รูปวาด HTML5 ของเพื่อนร่วมงานของฉัน ฉันพบว่าเส้นขอบที่วาดโดยฟังก์ชั่นที่มีสี่เหลี่ยมภายในมีสไตล์ที่ไม่สอดคล้องกัน ในที่สุดฉันก็พบปัญหาของปัญหาผ่านวิธีการยกเว้นบางอย่างและฉันจะแบ่งปันกับคุณ
ก่อนอื่นแนบรหัส HTML5 เพื่อวาดรูปสี่เหลี่ยมผืนผ้า:
<Canvas> </sanvas>
<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 = 'Red';
Context.stroke ();
</script>
คุณจะพบว่าสไตล์ชายแดนนั้นแตกต่างกันหลังจากการดำเนินการและด้านล่างนั้นบางมาก สีแตกต่างกันเล็กน้อย
หลังจากแก้ไขบริบทการแก้ไข (188.0, 50, 200, 100.375) ไปยังบริบทการตั้งค่า (188.0, 50, 200, 100) พบว่ารูปแบบนั้นสอดคล้องกันอย่างสมบูรณ์
สิ่งนี้แสดงให้เห็นว่าเมื่อวาดรูปสี่เหลี่ยมผืนผ้าหากมีพารามิเตอร์ใด ๆ ภายในที่ไม่ใช่จำนวนเต็มมันเป็นเรื่องง่ายที่จะทำให้เกิดปัญหาชายแดนดังนั้นขอแนะนำให้คุณปัดเศษก่อนที่จะใช้