ویژگی miterLimit کانواس HTML
تعریف و استفاده
miterLimit تنظیمات ویژگی یا بازگشت حداکثر طول مایل‌ترین نقطه.
طول مایل‌ترین نقطه به فاصله بین زاویه داخلی و خارجی در نقطه تقاطع دو خط اشاره دارد.
توجه:فقط زمانی که ویژگی lineJoin به "miterدر صورت استفاده از "
هرچه زاویه گوشه‌ها کوچکتر باشد، طول مایل‌ترین نقطه بزرگتر خواهد بود.
برای جلوگیری از طولانی شدن بیش از حد طول مایل‌ترین نقطه، می‌توانیم از ویژگی miterLimit استفاده کنیم.
اگر طول مایل‌ترین نقطه‌ی بیشتر از مقدار miterLimit باشد، گوشه‌ها با "bevel" نوع برای نمایش (تصویر توضیحی 3):
مثال
با طول مایل‌ترین نقطه‌ی بزرگترین 5 خط ترسیم کنید:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=5;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
قوانین دستور زبان
context.miterLimit=number;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| number |
عدد مثبت. طول کج‌کاری حداکثر را مشخص می‌کند. اگر طول کج‌کاری بیشتر از مقدار miterLimit باشد، اضلاع با نوع lineJoin "bevel" نمایش داده می‌شوند. |
جزئیات فنی
| مقدار پیش‌فرض: | 10 |
|---|
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه‌های اولیه مرورگرهایی هستند که این ویژگی را به طور کامل پشتیبانی می‌کنند.
| کروم | ابره | فایرفاکس | سفاری | آپرا |
|---|---|---|---|---|
| کروم | ابره | فایرفاکس | سفاری | آپرا |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
نکته:اینترنت اکسپلورر 8 و نسخه‌های پیشین از عنصر <canvas> را پشتیبانی نمی‌کنند.
