lineWidth
Canvas lineWidth xususiyati
Misol
lineWidth qiymati 10 piksel bo‘lgan chiziq chizing:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.lineWidth = 10;
// Begin a new Path
ctx.beginPath();
ctx.moveTo(0, 100);
ctx.lineTo(200, 100);
// Draw the Path
ctx.stroke();
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
lineWidth xususiyati joriy chiziq kengligini piksellarda o‘rnatadi yoki qaytaradi.
Standart qiymat — 1 piksel.
Shuningdek qarang:
strokeStyle xususiyati (chiziq rangi/uslubini o‘rnatish)
beginPath() metodi (yangi yo‘l boshlash)
moveTo() metodi (yo‘lni nuqtaga ko‘chirish)
lineTo() metodi (yo‘lga chiziq qo‘shish)
stroke() metodi (joriy yo‘lni chizish)
strokeRect() metodi (to‘rtburchak chizish)
Sintaksis
| context.lineWidth = number |
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘rish |
|---|---|---|
| number | Joriy chiziq kengligi, piksellarda | Sinab ko‘rish » |
Misol
lineWidth qiymati 10 piksel bo‘lgan to‘rtburchak chizing:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.lineWidth = 10;
ctx.strokeRect(20, 20, 80, 100);
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
lineWidth 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!