SVG-연결
<a> 요소는 하이퍼 링크를 만드는 데 사용됩니다. "xlink : href"속성은 URI (Uniform Resource Identifier)를 보완하는 IRI (Internationalized Resource Identifier)를 전달하는 데 사용됩니다.
선언
다음은 구문 선언입니다. <a>요소. 주요 속성 만 표시했습니다.
<a
xlink:show = "new" | "replace"
xlink:actuate = "onRequest"
xlink:href = "<IRI>"
target = "_replace" | "_self" | "_parent" | "_top" | "_blank" | "<XML-Name>" >
</a>속성
| Sr. 아니. | 이름 및 설명 |
|---|---|
| 1 | xlink:show− XLink 인식 프로세서의 문서화 목적. 기본값은 새로운 것입니다. |
| 2 | xlink:actuate − XLink 인식 프로세서의 문서화 목적. |
| 삼 | 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 이미지 렌더링도 지원합니다. 링크와 사각형을 클릭하면 결과를 볼 수 있습니다.
인쇄