JS AdvancedLesson 49Preview gratis
JS Graphics
Lesson ini bagian dari JavaScript · Semua level
Ringkasan
Grafis di web umumnya dibuat dengan elemen <canvas> untuk menggambar piksel secara programatis atau SVG untuk bentuk vektor yang diskalakan. Melalui canvas, JavaScript memanggil method drawing seperti fillRect, beginPath, dan drawImage pada context 2D. Untuk animasi, gunakan requestAnimationFrame agar frame tersinkron dengan refresh layar monitor.
Poin kunci
- Canvas diakses lewat element.getContext('2d') untuk menggambar
- Method utama: fillRect, moveTo, lineTo, arc, fill, stroke
- SVG berbasis XML dan bisa diwarnai serta diubah lewat CSS dan JavaScript
- requestAnimationFrame adalah pilihan tepat untuk animasi halus
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.