خصائص "miterLimit" لـ HTML canvas
التعريف والاستخدام
miterLimit
إعداد الخاصية أو العودة إلى أطول الزوايا المائلة.
طول الزوايا المائلة هو المسافة بين الزاوية الداخلية والخارجية عند ملتقى الخطوط.

نصيحة:فقط عندما تكون خاصية "lineJoin" هي "الزوايا المائلة
عندما يكون "
كلما كانت زاوية الزاوية الجانبية أصغر، زاد طول الزوايا المائلة.
لمنع طول الزوايا المائلة من أن يكون طويلاً جدًا، يمكننا استخدام خاصية "miterLimit".
إذا كان طول الزوايا المائلة يزيد عن قيمة "miterLimit"، فإن الزوايا ستكون بزاوية "الزوايا المائلة
"نوع" لعرضه (الشكل 3):

مثال
رسم الخطوط بأطول زاوية مائلة 5:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.lineJoin="miter"; ctx.miterLimit=5; ctx.moveTo(20,20); ctx.lineTo(50,27); ctx.lineTo(20,34); ctx.stroke();
النحو
context.miterLimit=number;
قيمة الخاصية
القيمة | الوصف |
---|---|
number |
عدد صحيح. يحدد أقصى طول الزاوية الميلية. إذا كانت طول الزاوية الميلية أكبر من قيمة miterLimit، فإن الزوايا الحادة ستظهر بتصنيف "bevel" لـ lineJoin. |
تفاصيل التقنية
القيمة الافتراضية: | 10 |
---|
دعم المتصفحات
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ملاحظة:يستخدم متصفح Internet Explorer 8 وأحدث إصداراته العلامة <canvas>.