SVG - Liaison
L'élément <a> est utilisé pour créer un lien hypertexte. L'attribut "xlink: href" est utilisé pour passer l'IRI (Internationalized Resource Identifiers) qui est complémentaire de l'URI (Uniform Resource Identifiers).
Déclaration
Voici la déclaration de syntaxe de <a>élément. Nous n'avons montré que les principaux attributs.
<a
xlink:show = "new" | "replace"
xlink:actuate = "onRequest"
xlink:href = "<IRI>"
target = "_replace" | "_self" | "_parent" | "_top" | "_blank" | "<XML-Name>" >
</a>Les attributs
| Sr.No. | Nom et description |
|---|---|
| 1 | xlink:show- à des fins de documentation pour les processeurs compatibles XLink. La valeur par défaut est nouvelle. |
| 2 | xlink:actuate - à des fins de documentation pour les processeurs compatibles XLink. |
| 3 | xlink:href - emplacement de l'objet référencé. |
| 4 | target - utilisé lorsque des cibles pour la ressource de fin sont possibles. |
Exemple
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>Production
Ouvrez textSVG.htm dans le navigateur Web Chrome. Vous pouvez utiliser Chrome / Firefox / Opera pour afficher l'image SVG directement sans aucun plugin. Internet Explorer 9 et supérieur prend également en charge le rendu d'image SVG. Cliquez sur le lien et le rectangle pour voir le résultat.
Impression