2009-11-29 87 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