width
HTML <canvas> width atributi
Misol
Balandligi va kengligi 200 piksel bo‘lgan <canvas> elementi:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
width atributi
<canvas> elementining kengligini piksellarda belgilaydi.
Maslahat:
<canvas> elementining balandligini piksellarda belgilash uchun height atributidan foydalaning.
Maslahat: Canvas’ning balandligi yoki kengligi har safar qayta o‘rnatilganda, canvas mazmuni tozalanadi (sahifa pastidagi misolga qarang).
Maslahat:
<canvas> elementi haqida HTML Canvas darsligimizda ko‘proq bilib oling.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar atributni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Atribut | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Sintaksis
<canvas width="pixels">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| pixels | Canvas kengligini piksellarda belgilaydi (masalan, "100"). Standart qiymat — 300 |
Ko‘proq misollar
Misol
width atributini 400px ga o‘rnatib (JavaScript yordamida) canvas’ni tozalang:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.width = 400;
}
</script>
O‘zingiz sinab ko‘ring »
❮ HTML <canvas> tegi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!