miterLimit
Canvas miterLimit xususiyati
Misol
Maksimal miter uzunligi 5 bo‘lgan chiziqlar chizing:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.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();
O‘zingiz sinab ko‘ring »
Tavsif
miterLimit xususiyati maksimal miter uzunligini o‘rnatadi yoki qaytaradi.
miterLimit xususiyati miter uzunligi haddan tashqari uzun bo‘lib ketishining oldini olish uchun ishlatiladi.
miterLimit xususiyati faqat lineJoin atributi "miter" bo‘lgandagina ishlaydi.
Standart qiymat — 10.
Miter uzunligi — ikki chiziq uchrashgan joydagi ichki burchak va tashqi burchak orasidagi masofa.
Burchak qanchalik kichiklashsa, miter uzunligi shunchalik kattalashadi.
Agar miter uzunligi miterLimit qiymatidan oshib ketsa, burchak lineJoin "bevel" turida ko‘rsatiladi (3-rasm):
Shuningdek qarang:
lineJoin xususiyati (chiziqlar tutashuvini o‘rnatish)
lineWidth xususiyati (chiziq kengligini o‘rnatish)
Sintaksis
| context.miterLimit = number |
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘rish |
|---|---|---|
| number | Maksimal miter uzunligi. Agar miter uzunligi miterLimit qiymatidan oshib ketsa, burchak lineJoin "bevel" ko‘rinishida ko‘rsatiladi. | Sinab ko‘rish » |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
miterLimit barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!