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

【问题标题】：How can I save multiple divs as an image?如何将多个 div 保存为图像？
【发布时间】：2011-10-30 18:32:57
【问题描述】：

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

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

环顾四周，我在 StackOverflow 上发现了 canvas HTML5 的东西，但它与 Internet Explorer 不兼容，

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

我还发现了这段 JavaScript 代码：

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

但我对createElement 方法了解不多。

我知道 CSS，但 JavaScript 超出了我的知识范围。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

但这太糟糕了..我不会告诉我的用户使用paint或somethig来剪切屏幕截图jajaja中的div图像..我只需要将该html的DIV保存为图像，用javascript什么的。这就是我的问题.. 我看到很多 apss，将最终结果保存为图像.. javascript 如何做到这一点？
他们不用 Javascript 来做。无论如何，不仅使用 Javascript；他们有用于渲染图像的复杂后端系统。仅仅因为某事是可能的并不意味着它很容易。
希望你们变得更快乐..如果您看到下一个答案，您会看到智能可以为人们做些什么！感谢 user901215 的回答..

【解决方案3】：

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

【讨论】：