التعليق: لقد وجدت أن الحدود التي ترسمها وظيفة المستطيل في الداخل لها أنماط غير متناسقة. اسمحوا لي أن أشارك الأفكار لحل المشكلة مع الجميع. لا ينبغي أن يفوتك الأصدقاء المهتمين ذلك.
في اليومين الماضيين ، أحتاج إلى استخدام رسم HTML5 لزميلي. لقد وجدت أن الحدود التي ترسمها الوظيفة مع المستطيل الداخلي كان لها أنماط غير متناسقة. أخيرًا ، وجدت جوهر المشكلة من خلال بعض طرق الاستبعاد ، وسأشاركها معك.
قم أولاً بإرفاق رمز HTML5 لرسم مستطيل:
<Canvas> </tanvas>
<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' ؛
سياق. ضربة () ؛
</script>
ستجد أن نمط الحدود مختلف بعد التنفيذ ، ومن الواضح أن القاع نحيف للغاية. الألوان مختلفة قليلا
بعد تعديل Context.Rect (188.0 ، 50 ، 200 ، 100.375) إلى السياق.
هذا يدل على أنه عند رسم مستطيل ، إذا كان هناك أي معلمات بداخلها ليست أعداد صحيحة ، فمن السهل التسبب في مشاكل على الحدود ، لذلك يوصى بالتجول فيها قبل استخدامه.