خصوصیت lineCap کانواس HTML
تعریف و استفاده
lineCap برای تنظیم یا بازگرداندن سبک خط‌پایان‌های خط‌ها استفاده می‌شود.
نکته:"round" و "square" 会使线条略微变长.
مثال
پایان خط تیره‌ی دور دایره:
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 | پیش‌فرض. به هر دو سر خط اوج‌های صاف اضافه کنید. |
| round | به هر دو سر خط اوج‌های گرد اضافه کنید. |
| square | به هر دو سر خط اوج‌های مربعی اضافه کنید. |
جزئیات فنی
| مقدار پیش‌فرض: | butt |
|---|
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگری است که این ویژگی را کامل پشتیبانی می‌کند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
نکته:اینترنت اکسپلورر 8 و نسخه‌های پیشین از عناصر <canvas> را پشتیبانی نمی‌کنند.
