tengo esta tarea
https://jsfiddle.net/w76hvrab/
tome una captura de pantalla de una página con cientos de imágenes de diferentes dominios externos.

estoy usando html2canvas para tomar la captura de pantalla

 function screenshot(){ html2canvas(document.body,{allowTaint: true, useCORS: true, width: window.innerWidth, height: window.innerHeight, scrollX: window.pageXOffset, scrollY: window.pageYOffset, x: window.pageXOffset, y: window.pageYOffset, }).then(function(canvas){ document.getElementsByClassName("modal-body")[0].innerHTML = ""; document.getElementsByClassName("modal-body")[0].appendChild(canvas);}); }

y muestra el resultado en una ventana emergente.

No puedo descargar la imagen generada porque, si uso .toDataUrl() o .toBlob(), me devuelve el error de crossOrigin con SecurityError.
Entiendo cómo funciona html2canvas y por qué necesita, en este caso, allowTaint: false , duplicando imágenes, ¡pero no puedo permitir duplicar todos los archivos cada vez!
¿Hay alguna forma de descargar la imagen en la ventana emergente, evitando clonar las imágenes?

Por favor, ¿alguien podría ayudarme?