2009-11-29 16 views
6

Was ich versucht ist diesWie verlinke ich von SVG?

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

und Variationen mit href und type="simple".

Der Linktext wird angezeigt, aber der Link ist nicht anklickbar. Ich habe Firefox 3.5.5, Chromium, Inkscape und GNOME Image Viewer ausprobiert.

Gibt es etwas falsch mit der Syntax und wenn nicht, gibt es eine Anwendung, die Links in SVG unterstützt?

+0

Wie ich verstanden habe, ist xlink: target das selbe wie HTMLs @target, wie das berüchtigte target = "_ blank". Eriks Lösung funktioniert jedenfalls, jedenfalls habe ich gesehen (wie es der kanonische Weg ist ;-)) – Boldewyn

Antwort

14

Versuchen Sie folgendes:

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

... und stellen Sie sicher, dass Sie ein Attribut xmlns:xlink="http://www.w3.org/1999/xlink" auf dem SVG-Root-Element.

+0

Danke Eric, funktioniert wie du vorgeschlagen hast. Ich habe die * href * -Version ausprobiert, aber nur wenn sie aus Javascript generiert wurde, was immer noch nicht funktioniert. Ich verifizierte, dass das Javascript genau die obige Ausgabe erzeugt (gespeichert das Dokument mit) firefox. Mein Workaround für jetzt ist, die Verbindung hart zu kodieren und sie zur korrekten Position dynamisch zu bewegen. Wenn Sie eine Idee haben, warum der generierte Link nicht anklickbar ist, würde ich gerne wissen. –

+0

Siehe hier: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#xlink –

+0

@Erik Hallo Erik, ich arbeite mit d3 und würde gerne wissen, wie ich das Attribut 'setzen xmlns: xlink' in SVG. Hier ist meine Frage 'http: // stackoverflow.com/questions/19987032/adding-attribut-xmlnsxlink-to-svg-using-d3' – Kraken