15

「.svg」拡張子を持つ svg 画像をグラフに追加しようとしています (d3 で作成された別の svg 画像)。

これはコードです:

d3.select("#chart1 svg")
  .append("svg:image")
  .attr("xlink:href", "img/icons/sun.svg")
  .attr("width", 40)
  .attr("height", 40)
  .attr("x", 228)
  .attr("y",53);

ご覧のとおり、「xlink:href」属性を設定していますが、d3 はこれをブラウザーで href に変更します。

<image href="img/icons/sun.svg" width="40" height="40" x="228" y="53"></image>

実際、png 拡張子を使用すると、このコードは完全に機能します。何か案が?

4

1 に答える 1