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