Canvas lineJoin الخاصية

دليل مرجعي لـ Canvas

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

lineJoin يحدد أو يعيد الخاصية أو القيمة المحددة للنوع الذي يتم إنشاؤه للزوايا عند تلاقي الخطوط.

ملاحظة:القيمة "miter" تأثر miterLimit تأثير الخاصية.

مثال

عند تلاقي خطين، يتم إنشاء زوايا دائرية:

لا يدعم متصفحك علامة الجدول البياني.

JavaScript:

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();

جرب بنفسك

النحو

context.lineJoin="bevel|round|miter";

قيمة الخاصية

القيمة الوصف
bevel إنشاء زوايا ميلية.
round إنشاء زوايا دائرية.
miter افتراضي. يخلق زوايا حادة.

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

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

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

الرقم في الجدول يشير إلى إصدار أولي يدعم هذا الخصائص.

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