Canvas lineCap الخاصية

دليل مرجع Canvas

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

lineCap تعيين الخاصية أو العودة إلى نمط نهاية خط النهاية.

ملاحظة:"دائري" و "مربعة" سيجعل الخط يطول قليلاً.

مثال

رسم نهاية الخط الدائرية:

لم يتم دعم علامة الحقل في متصفحك.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();

جرب بنفسك

النحو

context.lineCap="butt|round|square";

قيمة الخاصية

قيمة وصف
butt افتراضي. إضافة حواف مستقيمة إلى كل نهاية من خطوط.
دائري إضافة قمم دائرية إلى كل نهاية من خطوط.
مربعة إضافة رأس مربع صغير إلى كل زاوية من الخط.

تفاصيل التقنية

القيمة الافتراضية: butt

دعم المتصفحات

رقم في الجدول يشير إلى إصدار متصفح يدعم الخاصية بشكل كامل.

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