Div 或 html 到图像（替代 html2canvas）

Question

我做了功课并多次搜索如何制作 div 或 html 上的任何元素的“屏幕截图”。

html2canvas 效果很好，但我有以下问题： - 生成的图像质量。- 如果 div 有图像存储在其他域上。- 一些元素，如圆形 div（在主 div 内）生成平方。

有什么替代方法吗？不要丢弃付费替代品。

谢谢！！！

Answer 1

看看这个DOM-to-Image是否适合你 - https://github.com/tsayen/dom-to-image

它是一个用 JavaScript 编写的库，可以将任意 DOM 节点转换为矢量（SVG）或光栅（PNG 或 JPEG）图像。

Answer 2

我使用过 html2canvas 和 dom-to-image，它们都工作得很好，但 dom-to-image 似乎更适合图像并且具有更好的可预测性。

Answer 3

您可以查看http://phantomjs.org/，特别是https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js示例，您可以在其中将 HTML 保存到图像或 PDF -有效地创建屏幕截图。它是非常可定制的，我已经使用它轻松地从 URL 列表创建 PDF。这是一个服务器端解决方案，因此需要对您的端进行更多设置。