Como la pregunta, cuando la salida local de la dirección de imagen de la página (html2canvas.js), existen problemas de dominio cruzado en diferentes fuentes, y el problema del permiso de acceso Todataurl se producirá:
【Redirección en el origen 'http://sub1.xx.com' ha sido bloqueado para la carga por la política de intercambio de recursos de origen cruzado: no está presente el encabezado 'Access-Control-Alow-Origin' en el recurso solicitado. El origen 'http://sub2.xx.com' no está permitido el acceso.】
Solución:
Según el análisis de errores, se agrega "Origin de acceso de acceso de acceso" al encabezado de control, es decir, se permite el permiso para acceder al archivo fuente. Luego tratamos con esta página [Tenga en cuenta que desea emitir la imagen de la página]:
var img = nueva imagen; img.onload = myloader; img.crossorigin = 'anónimo'; // valor opcional: anónimo, * img.src = 'http: //myurl.com/...';
O en html
<img src = "" id = "imgclcd" Crossorigin = "Anónimo">
El núcleo es que el encabezado de solicitud contiene el origen: el campo "Anónimo" o " *" , y el campo Access-Control-ALLOW-ORIGIN: * se adjuntará al encabezado de respuesta para resolver el problema.
El artículo anterior resuelve rápidamente el problema de dominio cruzado de Canvas.Todataurl Pictures es todo el contenido que he compartido con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.