如何将多个div保存为图像？

Question

我正在尝试为用户建立一个界面，以便他可以选择或选择模型的彩色眼睛，皮肤等。 我真的在使用div和CSS。 我正在使用Ajax将图像加载到div 。

我的问题是，我需要向用户提供一个选项，以便他可以将图像另存为JPEG或PNG文件。

环顾四周，我在Stack Overflow上发现了HTML5画布的内容，但它与Internet Explorer不兼容，

• 在JavaScript（GIF / PNG）中创建DIV的图像
• 如何在div包含一个或多个HTML5 canvas元素的客户端将div保存为图像？

我需要帮助来查找与所有浏览器兼容的内容。

我还找到了以下JavaScript代码：

button = document.createElement("img");
button.src = "http://example.com/livechart.gif?interval=15"

但是我对createElement方法了解不多。

我知道CSS，但是JavaScript是我所不了解的。

Answer 1

您不能在浏览器上执行此操作，而必须在服务器上执行此操作。

请参阅： 将网页转换为图像

Answer 2

我相信您可以使用HTML canvas和一些JavaScript来做到这一点： Canvas2Image：将Canvas数据保存到图像文件 。

Answer 3

您要获取浏览器的屏幕截图吗？ 好了，您可以尝试多种方式，但是所有方式都将特定于浏览器。 最可靠的方法就是告诉用户使用OS进行屏幕截图。 在Mac上是Command-Shift-4，然后是空格； 我认为是PC上的ALT-PrtScr。