在浏览器中的 NVD3(或带有 CSS 的 D3）的屏幕截图中

in browser screenshots of nvd3 (or d3 with css)

本文关键字：CSS D3 屏幕截图浏览器 NVD3 更新时间：2023-09-26

我正在运行一个 Rails 应用程序并试图在浏览器中获取 NVD3 图形的屏幕截图。

根据我的测试，Canvg和HTML2Canvas无法渲染NVD3附带的CSS。有没有人能够从NVD3 SVG创建PNG？

HTML2canvas 示例 - 尝试在 HTML2Canvas 预览上呈现 NVD3 分散。它不起作用...

有什么想法吗？

从 html2canvas FAQ 中我们知道它不能正确处理 svg。

我有非常相似的要求，"如何直接从 SVG 导出 PNG 的示例"解决了我的问题（内部它采用了 SVG-Crowbar 代码）。基本上，您需要将 SVG 绘制到画布，然后将图像导出为 PNG，并且所有 SVG 元素的"显式设置 CSS 样式"是使导出的图像像原始图像一样的警告。