خصائص "miterLimit" لـ HTML canvas

التعريف والاستخدام

miterLimit إعداد الخاصية أو العودة إلى أطول الزوايا المائلة.

طول الزوايا المائلة هو المسافة بين الزاوية الداخلية والخارجية عند ملتقى الخطوط.

نصيحة:فقط عندما تكون خاصية "lineJoin" هي "الزوايا المائلةعندما يكون "

كلما كانت زاوية الزاوية الجانبية أصغر، زاد طول الزوايا المائلة.

لمنع طول الزوايا المائلة من أن يكون طويلاً جدًا، يمكننا استخدام خاصية "miterLimit".

إذا كان طول الزوايا المائلة يزيد عن قيمة "miterLimit"، فإن الزوايا ستكون بزاوية "الزوايا المائلة"نوع" لعرضه (الشكل 3):

مثال

رسم الخطوط بأطول زاوية مائلة 5:

على جهاز التصفح الخاص بك لا يدعم علامة "canvas".

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>.