javascript - 在 nvd3（或带 css 的 d3）的浏览器截图中

Question

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

根据我的测试，canvg 和 html2canvas 无法渲染 nvd3 附带的 css。有没有人能够从nvd3 svg创建一个png？

html2canvas 示例 - 尝试在html2canvas 预览上渲染nvd3 散点图。它不工作...

有任何想法吗？

Answer 1

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

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