javascript - svg:image 要素を使用して Web または内部ドキュメントから画像をインポートする

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