Как поместить функцию в мое изображение в SVG, используя D3? - PullRequest
Новая
       60

Как поместить функцию в мое изображение в SVG, используя D3?

0 голосов
/ 03 мая 2020

У меня есть прямоугольник и изображение в нем. Я пытаюсь добавить функцию к изображению (если я щелкнул по ней, ссылка на веб-сайт d appeared ) but i can не может найти правильный путь.

Это мой код 

var svgContainer = d3.select("body").append("svg")
                                    .attr("width", 500)
                                     .attr("height", 500);
 
var g = d3.select("svg") .append("g")
 var rectangle = g.append("rect")
                  .attr("x", 0)
                  .attr("y", 0)
                  .attr("width", 300)
                  .attr("height", 200)
                  .style("fill","pink");
                         
 var text = g.append("text")
 .attr("x",150)
 .attr("y",100)
 .attr("text-anchor","middle")
 .text('Nam oc cho')
 
 var img = g.append("image")
 .attr("x",200)
 .attr("y",85)
 .attr("href","firefox.jpg")
 .attr("height","20px")
.attr("width","20px")
                       
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>

Спасибо

...