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

前端之家收集整理的这篇文章主要介绍了javascript – d3附加svg扩展名的图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_404_1@我正在尝试添加一个带有“.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上的更多信息将有助于这种情况.

猜你在找的JavaScript相关文章