Dom-to-image SVG图像元素

Question

我正在使用brilliant 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，之前在堆栈溢出上也出现过，但我一直没有找到解决方案。有什么想法吗？

Answer 1

以便将您的svg转换为png。只需将您nodeRef放在一个目录中，在该目录中让您的d3.js组件被written.Applying nodeRef直接覆盖该组件将不起作用。