将 div 和其中的内容转换为图像

Posted 2023-02-22

【中文标题】将 div 和其中的内容转换为图像

【英文标题】：Convert a div and contents inside it to image

【发布时间】：2012-05-22 19:45:06

【问题描述】：

我有一个 DIV 容器，其中包含一些文本、背景图像、图像。我需要将整个 DIV 内容转换为图像并保存。

我已经用谷歌搜索了它，但找不到完美的答案。有些人给出了使用 Windows 应用程序的答案，但我需要它在网络平台上。

我们将不胜感激任何帮助

【问题讨论】：

@Tats_innit 你认为代码有帮助吗？

在 javascript 还是服务器端？

嗨 @VisioN 它说他/她有一个带有一些图像和 css 的 DIV；在我发表任何评论之前先看看整个设置会很好！此外，这被标记为 Jquery 或 Javascript 只是热衷于查看代码，无论如何，如果你认为它不会那么它很酷！

你可以看到它应该对你有帮助...***.com/questions/6825262/…

【参考方案1】：

这是可能的，通过修改http://html2canvas.hertzen.com/screenshots.html 此处的代码，您可以执行所需的screenshot :)

【参考方案2】：

http://html2canvas.hertzen.com/

虽然不支持 IE。除此之外看起来很坚固。

【参考方案3】：

据我了解，你必须在客户端这样做，所以你应该看看画布的 toDataURL 方法。

如果你不知道，画布支持文本和图像。

此链接上的示例和小库： http://www.nihilogic.dk/labs/canvas2image/

【讨论】：

@Chris Gessler：据我所知，在 java 脚本中只有 window.print() 方法存在，而且背景图像和 css 样式总是有问题

感谢 4 的帮助...但问题在于兼容性...什么时候会被禁止？