<a> 추가하는 방법 javascript를 사용하여 다른 svg 이미지를 탐색하려면 svg 경로로 연결하십시오.

Question

svg를 처음 사용합니다. 나는 하나의 svg 이미지에서 경로 주위에 링크를 추가해야하는 두 개의 svg 이미지가 있는데, 그 경로를 onclicking하면 다른 svg 이미지로 이동해야합니다.

<svg id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > 
    <g id="path1"> 
    <a xlink:href="" target="_top"> 
     <path id="parcel" /> 
    </a> 
    </g> 
</svg> 

내 응용 프로그램 (html)에 속성을 가져와야하고 javascript를 사용하여 href 링크를 추가해야합니다. 미리 감사드립니다.

Answer 1

어떤 방법을 선택하든 <a> 요소에 대한 참조를 얻으십시오. 예를 들어

<a id="mylink" xlink:href="" target="_top"> 
    <path id="parcel" /> 
</a> 

var mylink = document.getElementById("mylink"); 

는 그런 다음 사용 xlink:href 속성을 설정할 수 있습니다

mylink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', 
         'http://www.google.com');