d3.js Dom-to-image SVG图像元素

nfzehxib 于 2022-11-24 发布在其他

关注(0)|答案(1)|浏览(113)

我正在使用brilliant dom-to-image捕获d3.js Jmeter 板的屏幕截图，并以png格式下载。
我发现它比它的竞争对手更好地工作-CSS传输漂亮-但我遇到了一个绊脚石。
我的 Jmeter 板中有一些SVG图像元素：

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

它们要么直接嵌入到svg中，要么作为模式定义嵌入，并且不会在PNG上呈现。
这是一个know problem，也是一个以前出现在堆栈溢出上的问题，但是我一直没有找到解决方案。有什么想法吗？

1条答案

为了将svg转换为png，只需将nodeRef放置在div中，然后在div中编写d3.js组件。直接在组件上应用nodeRef将不会起作用。