如何将html div保存为图片？

Question

我已经在一个DIV中渲染了SVG图像，现在在按钮中单击我需要将该DIV保存为图像，图像应该与我们在屏幕中看到的相同。

有没有办法做到这一点？

Answer 1

还好这是很简单的： 首先你必须做出这个功能DownloadImage是将图像保存到你的电脑，只需要图像的URL和名称，下一步就是要保存到

DownloadImage= function(picname, dirpath) { 

// This method downloads the slide at the specified resolution. 


var newwindow; 

obj = dirpath+picname 

newWindow = window.open(obj, "SaveImage", 
"directories=no,status=no,menubar=no,toolbar=no,resizable=no,top=100000,left=100000,width=0,height=0 "); 
newWindow.document.execCommand('SaveAs', true); 
newWindow.close(); 
return false; 
} 

从Javascript代码你必须选择Div DOM OBJECT必要和获得Src attribute并将其传递到上述功能