html2canvas seems to re-download all photos in page despite receiving an element with not photos

[gnesherAugury]

Hi,
We are trying to take a screenshot of a graph and its surrounding elements (some text).

However, we can see in the network tab that when we execute the screenshot all images in the page are downloaded again even though they are not present in the screenshot.

What's more, when checking the request initiator (using Chrome) we can see that its html2canvas (and specifically:
documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
)

A brief read through the code indicates that DocumentCloner intentionally clones the entire document, leading to this problem, but I'm not sure if this is intentional and if there's a way around it.

Our page has a number of large images and this slows the process of taking a screenshot

[wudizaliangbing]

Have you solved this problem? I have encountered the same problem

[zlac]

I solved with ignoreElements option

html2canvas(domElement, {
ignoreElements: function (element) {
if (element.contains(domElement)
|| domElement.contains(element)
|| domElement === element
|| element.nodeName == 'HEAD'
|| element.nodeName == 'STYLE'
|| element.nodeName == 'META'
|| element.nodeName == 'LINK'
) {
return false;
}else {
return true;
}
}})

[wudizaliangbing]

haha，thanks

[Angad-Godara]

Thanks @zlac, saved my day!