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 이미지 렌더링도 지원합니다. 링크와 사각형을 클릭하면 결과를 볼 수 있습니다.

인쇄