HTML <canvas> height Atribute

Tag ng HTML <canvas>

Paglilinaw at Paggamit

Height Ang attribute na ito ay nagtatakda ng taas ng <canvas> elemento, sa pamamagitan ng pixel.

Mga tagubilin

Gumamit ng Width Atribute Tatakda ang lapad ng <canvas> elemento, sa pamamagitan ng pixel.

Kada pag-i-reset ng taas o lapad ng buwan, ang nilalaman ng buwan ay mawawala (tingnan ang halimbawa sa ibaba ng pahina).

Mangyaring magamit ang aming HTML Canvas ความรู้ Sa pag-aaral ng mas maraming kaalaman tungkol sa <canvas> elemento.

Eksemplo

Mga halimbawa 1

Ang taas at lapad ay 200 pixel na <canvas> elemento:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

ทดลองด้วยตัวเอง

Mga halimbawa 2

Sa pamamagitan ng pagtatakda ng taas na 300px upang malinis ang buwan (gamit ang JavaScript):

<canvas id="myCanvas" width="400" height="400" 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.height = 400;
}
</script>

ทดลองด้วยตัวเอง

การใช้งาน

<canvas height="pixels">

ค่าของอุปกรณ์

ค่า การอธิบาย
pixels กำหนดความสูงของแคนวาสด้วยพิกเซล (เช่น “100”) ค่าเริ่มต้นคือ 150

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Tag ng HTML <canvas>