使用html2canvas将div保存为图像（图像未渲染）

Question

我用三个图像（全部来自外部服务器）制作了一个div，我试图将这些图像另存为png图像，但是当我这样做时，只有div背景而不是图像出现在生成的png上。 html2canvas库。这是该库的某种限制，还是我的代码有问题？我会感谢您的帮助：）

<div id="savediv">
        <img  src="http://lorempixel.com/400/200" id="one" alt="no image" width="300" height="100">
        <br/>
        <img  src="http://lorempixel.com/400/200/sports" id="two" alt="no image" width="300" height="200">
        <br/>
        <img  src="http://lorempixel.com/400/200/sports/1/Dummy-Text" id="three" alt="no image" width="300" height="200"> 
    </div>

    <br/><br/>

    <input type="button" id="imgsaver" value="save as img">
    </input>

这是javascript：

 <script type="text/javascript">
        $('#imgsaver').click(function() {
                html2canvas($('#savediv')[0], {
                            width: 1000,
                            height: 1000
                }).then(function(canvas) {
                var a = document.createElement('a');
                a.href = canvas.toDataURL("image/png");
                a.download = 'myfile.png';
                a.click();
        });
});

    </script>

我没有使用CDN，而是使用了html2canvas.min.js。