Keskustelu: Nettisivujen teko: SVG, linkki

Käytän tämän sivun koodia
http://bl.ocks.org/mbostock/1212215
saadakseni eräät tiedot näkymään graafisesti.

Muokkailin tuota koodia omiin tarpeisiin (tai oikeastaan testasin vain kuvan asettamista, se [+ muut tiedot] pitää hakea json:sta myöhemmin kunhan ehdin siihen asti)

node.append("svg:image")
    .attr("xlink:href", "KUVA.png")

Miten saada tuollaisesta svg image/text:stä linkki verkkosivulle?
Löysin jotain ohjeita mutta en tiedä miten se tehtäisiin tuossa JS:ssä, tai onko edes mahdollista?

Entä miten <svg>-elementille saisi zoomin ja scrollin? :/

No siis kaikki logiikkahan tuossa on noissa javascript-tiedostoissa, joten niitä puukottamallahan sun pitää nuo ominaisuudet ja lisätoiminnallisuudet lisätä.

no kas kummaa

En ymmärrä kysymyksiäsi. Missä linkin pitäisi olla ja mihin sen pitäisi johtaa? Millaisen ”zoomin ja scrollin” haluat, siis jotkin kehykset ja liukupalkkejako?

Linkki joko kuvaan tai tekstiin.
Zoomi ja scrolli <svg> -elementtiin. Eri nodeja ja yhteyksiä alkaa olla niin paljon että se tulisi tarpeeseen. SVG-jutut eivät ole minulle kovin tuttuja.

<svg width="2000" height="1500">

<line class="link" x1="423.5561244249838" y1="1526.3371826429534" x2="396.101179317202" y2="1362.410041588787"></line><line class=x" y="-15px" width="45px" height="45px">

</image><text class="nodetext" dx="16" dy=".35em" x="33" style="font-size:14; font-family:sans-serif; fill:#3b5998; font-weight:900">Nimi</text></g><g class="node" 3348666816723)">
<image xlink:href="http://graph.facebook.com/6238740****/picture" x="-15px" y="-15px" width="45px" height="45px"></image>
<text class="nodetext" dx="16" dy=".35em" x="33" style="font-size:14; font-family:sans-serif; fill:#3b5998; font-weih ...

</g></svg>

jne... kuvia ja tekstejä monta sataa, tuhansia kertaa.