How to convert div tag content into image

See more: (untagged)

Hello,
I have one div tag which content google map in my asp.net web application.
I want to convert that div into image so i can save it.
Any one have any idea about it?
Please let me know.
Thanks in advance.

What I have tried:

function genScreenshot() {
html2canvas(document.getElementById('dvMap'), {
onrendered: function(canvas) {
$('#box1').html("");
$('#box1').append(canvas);

if (navigator.userAgent.indexOf("MSIE ") > 0 ||
navigator.userAgent.match(/Trident.*rv\:11\./))
{
var blob = canvas.msToBlob();
window.navigator.msSaveBlob(blob,'Test file.png');
}
else {
$('#test').attr('href', canvas.toDataURL("image/png"));
$('#test').attr('download','Test file.png');
$('#test')[0].click();
}


}
});
}