javascript – d3附加svg扩展名的图像

我正在尝试添加一个带有“.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扩展名,这段代码完美可行.任何想法？

解决方法

代码应该正常工作 – 在这里您可以看到一个将.svg文件附加到d3的示例：

http://jsfiddle.net/am8ZB/

不要忘记,这是可能的图片实际上在那里,但你只是看不到它 –
您应该使用浏览器工具检查页面,以查看图片是否已被放置在视图区域之外(例如,由于您的x / y值).

#chart1上的更多信息将有助于这种情况.

原文地址：https://www.jb51.cc/js/153114.html