установить HREF атрибут на пути SVG

Question

У меня есть этот код

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="20 0 970 960" enable-background="new 20 0 970 960" xml:space="preserve"> 
    <g class="border"> 
     <path class="City1" d="......" /> 
     <path class="City2" d="......" /> 
     <path class="City3" d="......" />    
     <path class="City4" d="......" />   
    </g> 
</svg> 

мне нужно что установить атрибут HREF <a href="#..."></a> на каждом патче. как этот

<a href="#..."> 
    <path class="City1" d="......" /> 
</a> 
<a href="#..."> 
    <path class="City2" d="......" /> 
</a> 
<a href="#..."> 
    <path class="City3" d="......" /> 
</a>    
<a href="#..."> 
    <path class="City4" d="......" /> 
</a> 

, но не работает. Так что же, ребята, я предлагаю сделать?

Answer 1

Для элементов SVG <a> вы должны использовать xlink:href вместо href.

<a xlink:href="#..."><path class="City1" d="......" /></a>