Div 或 html 到图像（替代 html2canvas）[关闭]答案

【问题标题】：Div or html to image (alternative to html2canvas) [closed]Div 或 html 到图像（替代 html2canvas）[关闭]
【发布时间】：2020-11-13 10:34:11
【问题描述】：

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

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

还有其他选择吗？不要放弃付费替代品。

谢谢！！！

【问题讨论】：

你可以看看stackoverflow.com/a/34272744/1321167

标签： javascript jquery html css

【解决方案1】：

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

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

【讨论】：

这个库在图像方面比 html2canvas 具有更好的可预测性。
谢谢，DOM-to-Image 比 html2canvas imo 好得多，可靠得多。
我在使用 html2canvas 时遇到了问题，我不知道如何去除多余的空白、切碎的元素、DOM-to-image 立即生效
我为 html2canvas 的空白间隙挣扎了 2 天！感谢上帝，这个库存在

【解决方案2】：

我用过 html2canvas 和 dom-to-image，它们都运行良好，但似乎 dom-to-image 更适用于图像并且具有更好的可预测性。

【讨论】：

我完全同意，图像往往更像您的 HTML，而且它与引导程序更兼容。

【解决方案3】：

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

【讨论】：

我想避免服务器端的东西，但无论如何谢谢！

【解决方案4】：

rasterizeHTML.js 将 HTML 渲染到浏览器的画布中

https://cburgmer.github.io/rasterizeHTML.js/

【讨论】：