Как сохранить HTML Div в качестве изображения?

Question

У меня рендеринг SVG-изображения внутри DIV, теперь при нажатии кнопки мне нужно сохранить этот 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 Required и получить Src attribute и передать его функции выше