SVG - Menghubungkan
Elemen <a> digunakan untuk membuat hyperlink. Atribut "xlink: href" digunakan untuk meneruskan IRI (Internationalized Resource Identifiers) yang melengkapi URI (Uniform Resource Identifiers).
Pernyataan
Berikut ini adalah deklarasi sintaks <a>elemen. Kami hanya menunjukkan atribut utama.
<a
xlink:show = "new" | "replace"
xlink:actuate = "onRequest"
xlink:href = "<IRI>"
target = "_replace" | "_self" | "_parent" | "_top" | "_blank" | "<XML-Name>" >
</a>
Atribut
Sr.No. | Nama & Deskripsi |
---|---|
1 | xlink:show- untuk tujuan dokumentasi bagi prosesor yang sadar akan XLink. Default baru. |
2 | xlink:actuate - untuk tujuan dokumentasi bagi prosesor yang sadar akan XLink. |
3 | xlink:href - lokasi objek yang direferensikan. |
4 | target - digunakan ketika target untuk sumber daya akhir memungkinkan. |
Contoh
testSVG.htm<html>
<title>SVG Linking</title>
<body>
<h1>Sample Link</h1>
<svg width="800" height="800">
<g>
<a xlink:href="http://www.tutorialspoint.com">
<text x="0" y="15" fill="black" >
Click me to load TutorialsPoint DOT COM.</text>
</a>
</g>
<g>
<text x="0" y="65" fill="black" >
Click in the rectangle to load TutorialsPoint DOT COM</text>
<a xlink:href="http://www.tutorialspoint.com">
<rect x="100" y="80" width="300" height="100"
style="fill:rgb(121,0,121);stroke-width:3;stroke:rgb(0,0,0)" />
</a>
</g>
</svg>
</body>
</html>
Keluaran
Buka textSVG.htm di browser web Chrome. Anda dapat menggunakan Chrome / Firefox / Opera untuk melihat gambar SVG secara langsung tanpa plugin apa pun. Internet Explorer 9 dan lebih tinggi juga mendukung rendering gambar SVG. Klik link dan persegi panjang untuk melihat hasilnya.
Mencetak