ویژگی 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

نکته:نسخه‌های 8 و قبل از آن از مرورگر Internet Explorer پشتیبانی از عنصر <canvas> را ندارند.

دستورالعمل‌های Canvas