Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Pengenalan SVG

Kenali SVG, format gambar vektor berbasis XML yang tetap tajam di segala ukuran, beserta struktur file dan contohnya.

Buka → # Inline SVG

Tuliskan svg langsung di dalam dokumen HTML untuk ikon yang dapat di-style CSS, diakses DOM, dan hemat permintaan.

Buka → # SVG sebagai Gambar

Sajikan file svg lewat img dan picture: caching, isolasi keamanan, fallback, beserta batasan styling dari halaman.

Buka → # Canvas Overview

Pelajari elemen canvas: kanvas piksel yang digambar JavaScript, mode immediate, use case, dan strategi aksesibilitasnya.

Buka → # Memilih SVG atau Canvas

Panduan memilih SVG atau canvas: matriks keputusan, tabel perbandingan, keputusan inline versus img, dan studi kasus.

Buka →