HTML SVG

Bagian ini membahas SVG (Scalable Vector Graphics) sebagai format gambar vektor berbasis XML.

SVG adalah format gambar vektor yang ditulis langsung sebagai markup XML, sehingga dapat diperbesar tanpa kehilangan kualitas.

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" fill="red" />
</svg>

Berbeda dengan <canvas> yang berbasis piksel (raster), SVG bersifat vektor sehingga setiap elemennya tetap dapat diakses dan dimanipulasi lewat DOM/CSS.