HTML GraphicsLesson 47Preview gratis
HTML Canvas
Lesson ini bagian dari HTML · Semua level
Ringkasan
Elemen <canvas> menyediakan bidang gambar yang bisa digambar secara programatik menggunakan JavaScript. Canvas bersifat bitmap, artinya setiap piksel digambar dan hasilnya tidak bisa diedit sebagai objek terpisah. Cocok dipakai untuk grafik game, diagram interaktif, atau efek visual sederhana di halaman.
Poin kunci
- <canvas> membuat bidang gambar yang digarap dengan JavaScript
- Ukuran canvas diatur dengan atribut width dan height
- Gambar dasar menggunakan getContext("2d") lalu perintah seperti fillRect
- Hasil canvas bersifat bitmap dan tidak bisa diubah sebagai objek
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.