Atribut lebar <canvas> HTML
Contoh
Elemen <canvas> dengan tinggi dan lebar 200 piksel:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Atribut widthmenentukan lebar
<canvas>elemen, dalam piksel.
Tip: Gunakan height
atribut untuk menentukan tinggi
<canvas>elemen, dalam piksel.
Tip: Setiap kali tinggi atau lebar kanvas disetel ulang, konten kanvas akan dihapus (lihat contoh di bagian bawah halaman).
Tip: Pelajari lebih lanjut tentang
<canvas>elemen dalam
Tutorial Kanvas HTML kami .
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Sintaksis
<canvas width="pixels">
Nilai Atribut
| Value | Description |
|---|---|
| pixels | Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300 |
Lebih Banyak Contoh
Contoh
Kosongkan kanvas dengan mengatur atribut lebar atau tinggi (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>
tag <kanvas> HTML