Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将多个div保存为图像?_Javascript_Html_Png_Image_Jpeg - Fatal编程技术网

Javascript 如何将多个div保存为图像?

Javascript 如何将多个div保存为图像?,javascript,html,png,image,jpeg,Javascript,Html,Png,Image,Jpeg,我正在尝试为用户构建一个界面,这样他就可以选择或挑选模型的彩色眼睛、皮肤等。我正在使用div和CSS。我正在使用Ajax将图像加载到div中 我的问题是,我需要为用户提供一个选项,以便他可以将图像保存为JPEG或PNG文件 环顾四周,我在StackOverflow上发现了canvas HTML5,但它与InternetExplorer不兼容 我需要帮助找到与所有浏览器兼容的东西 我还发现了以下JavaScript代码: button = document.createElement("img")

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

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

环顾四周,我在StackOverflow上发现了canvas HTML5,但它与InternetExplorer不兼容

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

我还发现了以下JavaScript代码:

button = document.createElement("img");
button.src = "http://example.com/livechart.gif?interval=15"
但是我对createElement方法知之甚少


我知道CSS,但JavaScript是我所不知道的。

你不能在浏览器上这样做,你必须在服务器上这样做


请参阅:

我相信您可以使用和一些JavaScript来实现这一点:。

您想拍摄浏览器的屏幕截图吗?嗯,有很多方法可以尝试,但它们都是特定于浏览器的。最可靠的方法是告诉用户用操作系统做一个屏幕截图。在Mac电脑上,它是Command-Shift-4,然后是空格;在PC上,我认为它是ALT-PrtScr。

Canvas不能呈现HTML,是的,一切都有可能使用javascript,你甚至可以在一个好的浏览器中打开ie 6,那太好了!!,谢谢你的回答,我需要和普通的浏览者友好相处,这就是我需要的!!很遗憾它不能在IE上工作=谢谢!!!!!很好,我了解了这个主题,但是,我想知道是否有一个使用Imagemagick的教程或其他东西,因为我真的开始了。但我希望我会学到:这是一个复杂的问题,不是初学者的问题。。无论如何,谢谢你的帮助。。我会继续看下去,但那太糟糕了。。我不会告诉我的用户使用油漆或其他东西来剪切屏幕截图中的div图像。。我只需要用javascript或其他东西将html的一个DIV保存为图像。这是我的问题如何。。我看到很多apss,它们将最终结果保存为图像。。如何使用javascript来完成?他们不使用javascript。不管怎样,不仅仅是Javascript;他们有复杂的后端系统来渲染图像。有些事情是可能的并不意味着它是容易的。我们希望你的人变得更快乐。。如果你看到下一个答案,你就可以看到智力能为人们做些什么!感谢用户901215的回答。。