مثال
إنشاء زاوية مستديرة عندما يلتقي خطين:
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();
انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| الملكية | |||||
|---|---|---|---|---|---|
| lineJoin | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
مجموعات الملكية lineJoin أو إرجاع نوع من الركنية، عندما يلتقي خطين.
ملاحظة: "miter" يتأثر قيمة من قبل miterLimit property .
| القيمة الافتراضية: | قلنسوة |
|---|---|
| جافا سكريبت بناء الجملة: | context.lineJoin="bevel|round|miter"; |
قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| bevel | يخلق الركن المشطوف | العبها " |
| round | يخلق زاوية مستديرة | العبها " |
| miter | افتراضي. يخلق زاوية حادة | العبها " |