Video: Cara Menggunakan Template pada Website PHP 2025
Unsur ini membolehkan anda membina imej berasaskan vektor secara langsung di halaman menggunakan bahasa markup SVG. Ia sering digunakan untuk membuat carta atau visualisasi lain secara dinamik. Pengekod sampel kelihatan seperti ini:
Pengeluaran kod sampel ini kelihatan seperti:
SVG menggunakan sistem XML yang hampir sama dengan XHTML. Setiap elemen diterangkan oleh tag, yang mempunyai pelbagai atribut yang menentukan saiz, kedudukan, dan warna. Anda boleh mengubah suai elemen SVG dengan bentuk CSS; Anda boleh membuat dan mengubah suai kod SVG secara real time dengan kod JavaScript; atau mengeksport imej SVG dari alat seperti Dia atau Inkscape, dan membenamkan lukisan yang terhasil secara langsung di halaman.
Kelebihan utama format imej berasaskan vektor seperti SVG adalah keupayaan untuk membuat skala imej tanpa kehilangan kualiti imej.
Semua pelayar utama, kecuali versi IE sebelum IE9, menyokong beberapa tahap SVG.
Untuk maklumat lanjut mengenai standard SVG, lihat halaman W3C SVG.
