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