ویژگی lineJoin کانواس

منوی مرجع Canvas

تعریف و استفاده

lineJoin ویژگی‌ها تنظیم یا بازگرداندن نوع گوشه‌هایی که ایجاد می‌شوند، هنگامی که دو خط در هم می‌خورند.

نکته:مقدار "miter" تحت تأثیر miterLimit تأثیر ویژگی‌ها.

مثال

هنگامی که دو خط در هم می‌خورند، گوشه‌های گرد ایجاد می‌شوند:

صفحه وب شما برچسب canvas را پشتیبانی نمی‌کند.

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