خصائص miterLimit لـ Canvas

دليل مرجعي لـ Canvas

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

miterLimit تعيين خاصية أو العودة إلى أطول التقطيع الأقصى.

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

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

كلما كانت زاوية الزاوية الحادة أصغر، كان طول التقطيع أكبر.

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

إذا كانت طول التقطيع أكبر من قيمة miterLimit، فإن الزوايا الحادة ستظهر بتصنيف "bevelبتصنيف (الشكل 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>.

دليل مرجعي لـ Canvas