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

Question

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

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

环顾四周，我在Stack Overflow上找到了canvas HTML5，但它与Internet Explorer不兼容，

• Create an Image of a DIV in JavaScript (GIF/PNG)
• How can I save div as image at client side where div contains one or more than one HTML5 canvas elements?

我需要帮助才能找到与所有浏览器兼容的内容。

我还找到了这个JavaScript代码：

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

但我对createElement方法知之甚少。

我知道CSS，但JavaScript不为我所知。

Answer 1

您无法在浏览器上执行此操作，必须在服务器上执行此操作。

请参阅：Convert web page to image

Answer 2

我相信你可以使用HTML canvas和一些JavaScript来实现这一点： Canvas2Image : Saving Canvas data to image file 。

Answer 3

您想要使用浏览器的屏幕截图吗？好吧，有很多方法可以尝试，但所有这些都是特定于浏览器的。最可靠的是告诉用户使用操作系统制作屏幕截图。在Mac上它是Command-Shift-4，然后是空间;在PC上，我认为它是ALT-PrtScr。