lineJoin
Canvas lineJoin xususiyati
Misol
Ikki chiziq uchrashgan joyda yumaloq burchak yarating:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.lineJoin = "round";
ctx.moveTo(20, 20);
ctx.lineTo(100, 50);
ctx.lineTo(20, 100);
ctx.stroke();
O‘zingiz sinab ko‘ring »
Tavsif
lineJoin xususiyati ikki chiziq uchrashganda hosil bo‘ladigan burchak turini o‘rnatadi yoki qaytaradi.
Ruxsat etilgan qiymatlar: bevel, round va miter (standart).
Eslatma
"miter" qiymatiga miterLimit xususiyati ta’sir qiladi.
Shuningdek qarang:
lineCap xususiyati (Chiziq uchlarini o‘rnatish)
lineJoin xususiyati (Chiziqlar tutashuvini o‘rnatish)
lineWidth xususiyati (Chiziqlar tutashuvini o‘rnatish)
fillStyle xususiyati (To‘ldirish rangi/uslubini o‘rnatish)
strokeStyle xususiyati (Chiziq rangi/uslubini o‘rnatish)
Sintaksis
| context.lineJoin = "bevel|round|miter" |
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘rish |
|---|---|---|
| bevel | Qiya kesilgan burchak hosil qiladi | Sinab ko‘rish » |
| round | Yumaloq burchak hosil qiladi | Sinab ko‘rish » |
| miter | Standart. O‘tkir burchak hosil qiladi | Sinab ko‘rish » |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
lineJoin barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ HTML Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!