Atribut tinggi HTML <canvas>

Tanda <canvas> HTML

Definisi dan penggunaan

tinggi Atribut tinggi menentukan tinggi elemen <canvas> dalam satuan paksi.

Pemberitahuan

Gunakan Atribut lebar Tentukan lebar elemen <canvas> dalam satuan paksi.

Setiap kali mengatur ulang tinggi atau lebar kanvas, konten kanvas akan dihapus (lihat contoh di bawah halaman).

Silakan kunjungi HTML Canvas 教程 Belajar lebih banyak tentang elemen <canvas> di sini.

Contoh

Contoh 1

Elemen <canvas> dengan tinggi dan lebar 200 paksi:

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

亲自试一试

Contoh 2

Dengan mengatur tinggi atribut menjadi 300px untuk membersihkan kanvas (dengan 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

Tanda <canvas> HTML