Come effettuare il collegamento da SVG?

Quello che ho cercato è presenteCome effettuare il collegamento da SVG?

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

e variazioni con href e type="simple".

Viene visualizzato il testo del collegamento, ma il collegamento non è selezionabile. Ho provato Firefox 3.5.5, Chromium, Inkscape e GNOME Image Viewer.

C'è qualcosa di sbagliato nella sintassi e in caso contrario c'è qualche applicazione che supporta i collegamenti in SVG ?

fonte

2009-11-29 Ludwig Weinzierl

Come ho capito, xlink: target è lo stesso di HTML @target, come il famigerato target = "_ blank". La soluzione di Erik funziona, comunque, in ogni caso che ho visto (come è il modo canonico di farlo ;-)) – Boldewyn

Prova questo:

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

... e assicurarsi di avere un attributo xmlns:xlink="http://www.w3.org/1999/xlink" sull'elemento svg radice.

fonte

2009-11-30 12:25:18

Grazie Eric, funziona come hai suggerito. Ho provato la versione * href *, ma solo quando generata da javascript, che ancora non funziona. Ho verificato che il javascript produce esattamente l'output di cui sopra (salvato il documento con) firefox. Per ora la mia soluzione è quella di codificare il collegamento e spostarlo dinamicamente nella posizione corretta. Se hai un'idea del motivo per cui il link generato non è cliccabile mi piacerebbe sapere. –

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

@Erik Ciao Erik, sto lavorando con d3 e vorrei sapere come impostare l'attributo ' xmlns: xlink' in svg. Ecco la mia domanda 'http: // stackoverflow.com/questions/19987032/adding-attribute-xmlnsxlink-to-svg-using-d3' – Kraken

Come effettuare il collegamento da SVG?

risposta

Problemi correlati