Javascript 带有附加jquery节点的div的html2Canvas屏幕截图

我想用html2canvas拍摄一个

的屏幕截图并下载它。问题是我使用

.append

通过jQuery将一些图像附加到div

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

如果我截图了整个身体，我的图像就会出现在下载的pic.png中。但是，我不想截图整个页面，只截图附加到

的图像区域

用户下载画布：

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();

---

只是猜测，但可能是因为您添加的HTML无效。试试这个：

$（“#mydiv”）.append（“”）

如果我截屏整个身体，我的图像就在那里

在这种情况下，可能会出现如何将div定位到画布中打印的问题。能否在代码中添加更多相关部分，说明如何使用HTML2Canvas$（“#mydiv”）.append（“”）；这没有改变任何事情。我在问题中添加了一些代码（画布可以下载）。

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();