خاصية HTML canvas miterLimit
مثال
ارسم خطوطًا بطول الحد الأقصى 5:
جافا سكريبت:
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();
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
| Property | |||||
|---|---|---|---|---|---|
| miterLimit | Yes | 9.0 | Yes | Yes | Yes |
التعريف والاستخدام
تقوم الخاصية miterLimit بتعيين أو إرجاع الحد الأقصى لطول ميتري.
طول ميتري هو المسافة بين الزاوية الداخلية والزاوية الخارجية حيث يلتقي خطان.
تلميح: لا تعمل الخاصية miterLimit إلا إذا كانت سمة lineJoin هي "mitre".
يزداد طول ميتري كلما أصبحت زاوية الزاوية أصغر.
لمنع طول ميتري من أن يكون طويلًا جدًا ، يمكننا استخدام الخاصية miterLimit.
إذا تجاوز طول ميتري قيمة miterLimit ، فسيتم عرض الزاوية على هيئة lineJoin type "bevel" (الشكل 3):
| القيمة الافتراضية: | 10 |
|---|---|
| بناء جملة JavaScript: | سياق .miterLimit = رقم ؛ |
قيم الملكية
| Value | Description | Play it |
|---|---|---|
| number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
❮ مرجع قماش HTML