2009-11-29 3 views
6

То, что я пытался этоКак связаться с SVG?

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

и вариации с href и type="simple".

Текст ссылки отображается, но ссылка не доступна. Я пробовал Firefox 3.5.5, Chromium, Inkscape и GNOME Image Viewer.

Есть ли что-то не так с синтаксисом, и если нет, есть ли приложение, поддерживающее ссылки в SVG?

+0

Как я понял, xlink: цель такая же, как HTMLs @target, как и пресловутая цель = "_ blank". Решение Эрика работает, однако, в любом случае я видел (как это канонический способ сделать это ;-)) – Boldewyn

ответ

14

Попробуйте это:

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

... и убедитесь, что у вас есть атрибут xmlns:xlink="http://www.w3.org/1999/xlink" на SVG корневого элемента.

+0

Спасибо Эрик, работает, как вы и предполагали. Я пробовал версию * 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/add-attribute-xmlnsxlink-to-svg-using-d3' – Kraken