我想用html2canvas拍摄<div>的屏幕截图并下载。问题是我使用.append通过jQuery将一些图像附加到div。

$("#mydiv").append("<img src=picture1.png id=okboomer></img>");

下载结果始终只是一个空图像，因为html2canvas似乎忽略了这些附加节点。我该如何解决？

我发现了愚蠢的解决方法：

var screenshotarea = document.body;

如果我在整个屏幕上截图了我的图像，则在下载的pic.png中。但是，我不想截取整个页面的屏幕截图，而只是附加到<div>的图像区域。

用户下载画布：

var körper = document.getElementById("mydiv");

html2canvas(körper,{allowTaint : false}).then(function(canvas) {

                var link = document.createElement("a");
                document.body.appendChild(link);
                link.download = "html_image.png";
                link.href = canvas.toDataURL("image/png");
                link.target = '_blank';
                link.click();