مثال
رسم خطوط مع الحد الأقصى لطول ميتري من 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(); انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| الملكية | |||||
|---|---|---|---|---|---|
| miterLimit | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
مجموعات الملكية miterLimit أو إرجاع الحد الأقصى لطول ميتري.
طول ميتري هي المسافة بين الزاوية الداخلية والزاوية الخارجية التي تلتقي فيها سطرين.
نصيحة: الخاصية miterLimit يعمل فقط إذا كان lineJoin السمة "miter" .
طول ميتري ينمو أكبر كما زاوية من زاوية يحصل أصغر.
لمنع طول ميتري من كونها طويلة جدا، ونحن يمكن استخدام الخاصية miterLimit.
إذا تجاوز طول ميتري قيمة miterLimit، سيتم عرض الزاوية كنوع lineJoin "bevel" (الشكل 3):
| القيمة الافتراضية: | 10 |
|---|---|
| جافا سكريبت بناء الجملة: | context.miterLimit=number; |
قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| number | عدد الإيجابي الذي يحدد الحد الأقصى لطول ميتري. إذا تجاوز طول ميتري الحالي miterLimit، فإن زاوية عرض كما lineJoin "bevel" | العبها " |