HTML5 Canvas


Apa itu Canvas

Elemen <canvas> ialah salah satu elemen HTML5 yang digunakan untuk membuat/menggambar grafik menggunakan perintah Javascript. Dengan elemen canvas Anda dapat menggambar beragam grafik seperti garis, kotak, lingkaran dan lainnya.

Dukungan Browser

Elemen canvas didukung oleh semua web browser populer diantaranya Internet Explorer 9+, Firefox, Opera, Chrome, dan Safari.
Catatan : Internet Explorer 8 dan versi dibawahnya tidak mendukung elemen <canvas>.

Menggunakan Canvas

Berikut contoh perintah untuk menggambar persegi panjang menggunakan elemen <canvas> :

Contoh

<canvas id="canvasKu" width="200" height="100" style="border:1px solid #000000;">
</canvas>

Coba »

Perintah diatas menghasilkan gambar persegi panjang dengan lebar 200px dan tinggi 100px.