Komentar: Jika kode SVG ada di HTML, akan lebih mudah bagi kita untuk menulis JavaScript untuk mengontrol transformasi grafik. Berikut adalah beberapa elemen bentuk SVG yang telah ditentukan sebelumnya. Teman yang tertarik dapat merujuknya. Saya harap ini akan membantu Anda.
File SVG dapat disematkan dalam dokumen HTML melalui tag berikut: <sembed>, <Peject>, atau <fiframe>.<embed src = "rect.svg" tinggi = "100"
type = "Image/SVG+XML"
pluginspage = "http://www.adobe.com/svg/viewer/install/"/>
Properti pluginspage menunjuk ke URL plugin unduhan.
<Data objek = "rect.svg" lebar = "300"
type = "Image/SVG+XML"
codeBase = "http://www.adobe.com/svg/viewer/install/"/>
<iframe src = "rect.svg" height = "100">
</iframe>
Di antara ketiga <frame> ini adalah tag awal, dan sekarang lebih sedikit digunakan. Yang menggunakan lebih banyak adalah tag <sembed>.
Pada saat yang sama, kami juga dapat menulis SVG langsung ke file HTML:
Dengan cara ini, Anda harus terlebih dahulu memperkenalkan file SVG DTD:
<? Xml Version = "1.0" mandiri = "no"?>
<! Doctype SVG Public "-// W3C // DTD SVG 1.1 // EN"
"http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd">
Kemudian isi kode yang diperlukan di tag <svg>:
<Versi SVG = "1.1"
xmlns = "http://www.w3.org/2000/svg">
<ellipse cx = "240" cy = "100" rx = "220" ry = "30"
style = "isi: kuning"/>
<ellipse cx = "220" cy = "100" rx = "190" ry = "20"
style = "isi: putih"/>
</svg>
Jika kode SVG ada di HTML, lebih mudah bagi kita untuk menulis JavaScript untuk mengontrol transformasi grafik:
<type skrip = "Teks/JavaScript">
fungsi ccc () {
var a = document.geteLementById ("w1");
a.style.fill = "merah";
a.setAttribute ("cx", "150"); // Atur nilainya
a.setAttribute ("ry", "50"); // Atur nilainya
}
</script>
Berikut adalah beberapa elemen bentuk yang telah ditentukan untuk SVG:
Persegi panjang <Rect>
Lingkaran <cingkaran>
Ellipse <Ellipse>
Baris <Tine>
Polyline <Tyyline>
Polygon <igygon>
Path <TH Path>