SVG 객체에 다중 링크 추가

유럽의지도 인 SVG 객체를 얻으려고합니다. 특정 페이지에 대한 링크로 선택된 7 개 국가가 있습니다.SVG 객체에 다중 링크 추가

<a xlink:href="http://www.google.com"> 
    <polygon class="lebanon" id="lebanon2" points="249.1,157.2 249.8,157.4 251.7,157.3 252.3,156.1 253.1,156.1 253.9,154.7 254.4,153.1 255.5,152.5 256.1,152.5 256.7,152.2 256.3,151.3 256.4,149.7 255.4,149.2 254.8,147.9 252.4,147.8 252.4,148.1 251.6,148.3 251.3,152.5 250.3,154 249.3,155.4 249.3,157"/> 
</a>

그러나 페이지로드, U는 다음과 같은 오류가 발생합니다 :

내 SVG 파일에서

,이 일반적인 구문 링크 있어야하는데 각 다각형이나 경로를 감쌌다

This page contains the following errors: 
    error on line 32 at column 15: Namespace prefix xlink for href on a is not defined 
Below is a rendering of the page up to the first error.

어떻게 작동합니까?

출처

2013-08-06 Ali Samii

HTML5를 사용하고 있습니까? 그렇다면 ** xlink ** 네임 스페이스가 기본적으로 알려 져야합니다. [HTML5 spec] (http://www.w3.org/TR/2011/WD-html5-20110405/namespaces.html)을 참조하십시오. 문서가 HTML5로 인식되지 않을 수 있습니다. – rmoestl

베이스 <svg> 태그에는 다음과 같은 네임 스페이스 속성이 있어야합니다. 아마 후자가 아닌 전자를 가지고있을 것입니다.

<svg xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink">

출처

2013-08-06 12:22:33

SVG 객체에 다중 링크 추가

답변

관련 문제