使用svg：图像元素从网络或内部文档导入图像

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");