javascript - 使用 svg:image 元素从网络或内部文档导入图像

Question

我正在使用 svg:image 将图像导入 D3。我以为我做得对，但它似乎不起作用：

    d3.selectAll("#chart").append("svg:image")
    .attr("xlink:href", "http://www.e-pint.com/epint.jpg ")
    .attr("width", "150px")
    .attr("height", "200px");

这是问题的视觉效果-不确定我哪里出错了-http: //jsfiddle.net/xwZjN/16/

请帮忙

Answer 1

你需要把你的元素放在svg:image里面。svg用这个：

d3.select("#chart").select("svg").append("svg:image")
   .attr("xlink:href", "http://www.e-pint.com/epint.jpg ")
   .attr("width", "150px")
   .attr("height", "200px");