Javascript 如何使用onclick（）将div捕获为图像并在本地保存？

我很难将具有多个图像的div捕获为一个图像并以默认名称保存在本地文件夹中。有人可以帮助我吗

Js Code

$(document).ready(function() {
   $("#btn-one").click(function(){
//var testdiv = document.getElementById("testdiv");
    html2canvas($("#rocket-image"), {
        onrendered: function(canvas) {
            // canvas is the final rendered <canvas> element
            var myImage = canvas.toDataURL("image/png");
            window.open(myImage);
        }
    });
});
});

HTML code
<div id="rocket-image" class="rocket-holder"> 
<img id="mainDeckel" src="images/image-1.png" alt="" > 
<img id="mainKorper" src="images/image.png" alt="" >
<img id="mainAccess" src="images/image.png" alt="" >
img id="mainDusen" src="images/image.png" alt="" > 
 </div>
<a id="btn-one" href="" class="btn-one">Capture</a id=""> </div>

Js代码
$（文档）.ready（函数（）{
$（“#btn one”）。单击（函数（）{
//var testdiv=document.getElementById（“testdiv”）；
html2canvas（$（“#火箭图像”）{
onrendered：函数（画布）{
//画布是最终渲染的元素
var myImage=canvas.toDataURL（“image/png”）；
窗口打开（myImage）；
}
});
});
});
HTML代码
img id=“mainDusen”src=“images/image.png”alt=”“>
俘获

它可能重复，但我从代码中得到了提示，但它不起作用…@yogZ你能帮我一下吗。。