Contoh SVG
Contoh SVG ringkas
Contoh grafik SVG yang mudah:
Berikut ialah fail SVG (penyimpanan fail SVG dengan sambungan SVG):
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
" http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/ svg" version="1.1">
<bulatan cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" /> ;
</svg>
Analisis kod SVG:
Baris pertama mengandungi pengisytiharan XML. Sila ambil perhatian sifat kendiri! Sifat ini menentukan sama ada fail SVG ini "berdiri sendiri" atau mengandungi rujukan kepada fail luaran.
standalone="no" bermaksud bahawa dokumen SVG akan merujuk fail luaran - dalam kes ini, fail DTD.
Baris kedua dan ketiga merujuk kepada SVG DTD luaran ini. DTD terletak di "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd". DTD ini terletak di W3C dan mengandungi semua elemen SVG yang dibenarkan.
Kod SVG bermula dengan elemen <svg> Ini adalah unsur akar. Sifat lebar dan tinggi menetapkan lebar dan tinggi dokumen SVG ini. Atribut versi mentakrifkan versi SVG yang digunakan dan atribut xmlns mentakrifkan ruang nama SVG.
<bulatan> SVG digunakan untuk membuat bulatan. Sifat cx dan cy mentakrifkan koordinat x dan y bagi pusat bulatan. Jika kedua-dua sifat ini diabaikan, titik akan ditetapkan kepada (0, 0). Atribut r mentakrifkan jejari bulatan.
Sifat lejang dan lebar lejang mengawal cara garis besar bentuk dipaparkan. Kami menetapkan garis besar bulatan kepada 2px lebar, dengan sempadan hitam. Atribut
isi menetapkan warna dalam bentuk. Kami menetapkan warna isian kepada merah.
Teg penutup menutup elemen SVG dan dokumen itu sendiri.
Nota: Semua teg terbuka mesti mempunyai teg penutup!
