Atribut tinggi HTML <canvas>

Tanda <canvas> HTML

Definisi dan penggunaan

height Atribut menentukan tinggi elemen <canvas> dalam satuan piksel.

Petunjuk

Gunakan Atribut width Tentukan lebar elemen <canvas> dalam satuan piksel.

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

Silakan lihat di Panduan Canvas HTML Belajar lebih banyak tentang elemen <canvas> di sini.

Contoh

Contoh 1

Elemen <canvas> dengan tinggi dan lebar 200 piksel:

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

Coba Sendiri

Contoh 2

Dengan mengatur atribut tinggi 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>

Coba Sendiri

Sintaks

<canvas height="pixels">

Nilai Properti

Nilai Deskripsi
pixels Tentukan tinggi kanvas dalam piksel (contoh: "100"). Nilai default adalah 150.

Dukungan Browser

Angka di tabel menunjukkan versi browser yang mendukung properti ini penuh.

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

Tanda <canvas> HTML