設置SVG路徑

在href屬性我有這樣的代碼設置SVG路徑

<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>

但不起作用。那麼你們建議我應該怎麼做？

來源

2015-05-17 Danin Na

什麼不行？向我們展示您嘗試執行此操作的代碼。 –

對於SVG <a>元素，您需要使用xlink:href而不僅僅是href。

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

來源

2015-05-18 05:06:09

tnx bro。是工作：-） –

回答

相關問題