Question

我正在使用出色的dom-to-image来捕获d3.js仪表板的屏幕截图并以png格式下载。

我发现它比竞争对手更有效-CSS可以很好地传输-但是我遇到了绊脚石。

我的仪表板上有一些SVG图像元素：

<image x="20" y="20" width="300"height="80" 
xlink:href="image/my_image.png"/>

这些要么直接嵌入到svg上，要么作为模式定义，而不呈现在PNG上。

这是know problem，以前曾在Stack Overflow上提到过，但是我找不到解决方法。有什么想法吗？

Answer 1

为了将您的svg转换为png。只需将您的nodeRef放在一个div中，然后在该div内写入d3.js组件即可。直接在该组件上应用nodeRef无效。