2009-11-29 86 views
6

我想這是什麼如何鏈接SVG?

<a xlink:target="http://ponyoverflow.com"> 
    <text class="text" x="20" y="718" text-anchor="start">Mail Order Ponies</text> 
</a> 

和變化與hreftype="simple"

鏈接文本出現,但鏈接不可點擊。 我試過Firefox 3.5.5,Chromium,Inkscape和GNOME Image Viewer。

這有什麼錯的語法,如果沒有有一個支持 SVG鏈接的任何應用程序?

+0

據我所知,xlink:target與HTMLs @target相同,就像臭名昭着的target =「_ blank」。但是,Erik的解決方案在任何情況下都可以工作(因爲這是執行此操作的標準方法;-)) – Boldewyn

回答

14

試試這個:

<a xlink:href="http://ponyoverflow.com"> 
    <text class="text" x="20" y="718" text-anchor="start">Mail Order Ponies</text> 
</a> 

...,並確保你有SVG根元素的屬性xmlns:xlink="http://www.w3.org/1999/xlink"

+0

謝謝Eric,按照您的建議工作。我試過* href *版本,但只有在從javascript生成時仍然不起作用。 我驗證了javascript產生了完全上面的輸出(保存文檔)firefox。我現在的解決方法是硬編碼鏈接並將其移動到適當的位置動態。如果有一個想法,爲什麼生成的鏈接是不可點擊的,我想知道。? –

+0

請參閱:http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#xlink –

+0

@Erik嗨Erik,我正在與d3合作,並想知道如何設置屬性' xmlns:xlink'在svg中。這裏是我的問題'http:// stackoverflow.com/questions/19987032/added-attribute-xmlnsxlink-to-svg-using-d3' – Kraken