HTML <canvas> width attribute
Paglilinaw at paggamit
Width Ang attribute na width ay nagtatakda ng lapad ng elemento ng <canvas>, bilang pixel.
Mga paalala
Gumamit ng Attribute na height Tatakda ang taas ng elemento ng <canvas>, bilang pixel.
Kung isaseta ulit ang taas o lapad ng kanvas, ang nilalaman ng kanvas ay mawawala (tingnan ang halimbawa sa ilalim ng pahina).
Mangyaring gamitin ang aming HTML Canvas ความรู้ Sa pag-aaral ng mas maraming kaalaman tungkol sa elemento ng <canvas>.
Eksemplo
Halimbawa 1
Ang elemento ng <canvas> na may taas at lapad na 200 pixel:
<canvas id="myCanvas" width="400" height="400" style="border:1px solid">
Halimbawa 2
Sa pamamagitan ng pagtatakda ng attribute na width bilang 400px upang mapawalang-forma ang kanvas (gamit ang JavaScript):
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
c.width = 400;
}
</script>
ระบุ
<canvas width="pixels">
ค่าของแอตทริบิวต
| ค่า | คำอธิบาย |
|---|---|
| pixels | กำหนดความกว้างของแผงภาพ ด้วยพิกเซล (เช่น “100”）。ค่าเริ่มต้นคือ 300。 |
การสนับสนุนของบราวเซอร์
ตัวเลขในตารางนี้บอกเล่าถึงสัปดาห์ที่บราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
