HTML <canvas> elemen digunakan untuk menggambar grafik pada halaman web.
Apa itu HTML Canvas?
HTML <canvas> elemen digunakan untuk menggambar grafik, dengan cepat, melalui scripting (JavaScript biasanya).
The <canvas> elemen hanya wadah untuk grafis. Anda harus menggunakan script untuk menarik grafis.
Kanvas memiliki beberapa metode untuk menggambar jalan, kotak, lingkaran, teks, dan menambahkan gambar.
HTML Canvas Bisa Menggambar Teks
Canvas dapat menggambar teks berwarna-warni, atau dengan animasi.
HTML Canvas Bisa Menggambar Grafik
Kanvas memiliki fitur yang besar untuk presentasi data grafis dengan citra grafik dan diagram.
HTML Canvas Bisa Animated
Objek kanvas bisa bergerak. Segalanya mungkin: dari bola memantul sederhana untuk animasi kompleks.
HTML Canvas Bisa Interaktif
Canvas dapat merespon peristiwa JavaScript.
Canvas dapat merespon aksi pengguna (klik tombol, klik mouse, klik tombol, gerakan jari).
HTML Canvas Bisa Digunakan di Game
Metode kanvas 'untuk animasi, menawarkan banyak kemungkinan untuk aplikasi game HTML.
Canvas Contoh
Dalam HTML, sebuah <canvas> elemen terlihat seperti ini:
<canvas id="myCanvas width="170" height="100"></canvas>
<canvas> elemen harus memiliki atribut id sehingga dapat disebut oleh JavaScript.
Lebar dan tinggi atribut yang diperlukan untuk menentukan ukuran kanvas.
Tip: Anda dapat memiliki beberapa <canvas> elemen pada satu halaman HTML.
Secara default, <canvas> elemen memiliki perbatasan dan tidak ada konten.
Untuk menambahkan border, gunakan atribut style:
<canvas id="myCanvas" width="170" height="100" style="border: 1px solid black;">
0 komentar:
Posting Komentar