Contoh
Sebuah <canvas> elemen dengan tinggi dan lebar 200 piksel:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The height atribut menentukan ketinggian <canvas> elemen, dalam piksel.
Tip: Gunakan width atribut untuk menentukan lebar <canvas> elemen, dalam piksel.
Tip: Setiap kali tinggi atau lebar kanvas ulang-set, isi kanvas akan dihapus (lihat contoh di bawah halaman).
Tip: Pelajari lebih lanjut tentang <canvas> elemen dalam kami HTML Canvas Tutorial .
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut.
| Atribut | |||||
|---|---|---|---|---|---|
| height | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The <canvas> tag yang baru di HTML5.
Sintaksis
<canvas height="pixels">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| pixels | Menentukan ketinggian kanvas, dalam piksel (misalnya "100" ). Height default adalah "150" |
Contoh lebih
Contoh
Membersihkan kanvas dengan menetapkan width atau height atribut (menggunakan 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 = "#92B901";
ctx.fillRect(50, 50,
100, 100);
function clearCanvas() {
c.height =
300;
}
</script> Cobalah sendiri "