SVG-リンク
<a>要素はハイパーリンクを作成するために使用されます。「xlink：href」属性は、URI（Uniform Resource Identifiers）を補完するIRI（Internationalized Resource Identifiers）を渡すために使用されます。
宣言
以下はの構文宣言です <a>素子。主な属性のみを示しました。
<a
xlink:show = "new" | "replace"
xlink:actuate = "onRequest"
xlink:href = "<IRI>"
target = "_replace" | "_self" | "_parent" | "_top" | "_blank" | "<XML-Name>" >
</a>属性
| シニア番号 | 名前と説明 |
|---|---|
| 1 | xlink:show−XLink対応プロセッサのドキュメント化を目的としています。デフォルトは新規です。 |
| 2 | xlink:actuate −XLink対応プロセッサのドキュメント化を目的としています。 |
| 3 | xlink:href −参照されるオブジェクトの場所。 |
| 4 | target −終了リソースのターゲットが可能な場合に使用されます。 |
例
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>出力
ChromeウェブブラウザでtextSVG.htmを開きます。Chrome / Firefox / Operaを使用して、プラグインなしでSVG画像を直接表示できます。Internet Explorer 9以降は、SVG画像レンダリングもサポートしています。リンクと長方形をクリックして結果を確認します。
印刷