lineCap
Canvas lineCap xususiyati
Misol
Uchlari yumaloqlangan chiziq chizing:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.lineCap = "round";
ctx.moveTo(20, 20);
ctx.lineTo(20, 200);
ctx.stroke();
O‘zingiz sinab ko‘ring »
Tavsif
lineCap xususiyati chiziq uchlarining uslubini o‘rnatadi yoki qaytaradi.
Ruxsat etilgan qiymatlar: butt (standart), round va square.
Eslatma
round va square qiymatlari chiziqlarni biroz uzunroq 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.lineCap = "butt|round|square" |
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘rish |
|---|---|---|
| butt | Chiziq uchlarida tekis qirra | Sinab ko‘rish » |
| round | Chiziq uchlarida yumaloq uch | Sinab ko‘rish » |
| square | Chiziq uchlarida kvadrat uch | Sinab ko‘rish » |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
lineCap 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!