Como a pergunta, quando a saída local do endereço da imagem da página (html2canvas.js), existem problemas de domínio cruzado em diferentes fontes, e o problema de permissão de acesso a Todataurl ocorrerá:
【O redirecionamento na origem 'http://sub1.xx.com' foi impedido de carregar pela política de compartilhamento de recursos cruzados: não está presente o cabeçalho de acesso à Origin-Origin 'no recurso solicitado. Origin 'http://sub2.xx.com', portanto, não é permitido acesso.】
Solução:
De acordo com a análise de erros, "Access-Control-Alow-Origin" é adicionado ao cabeçalho de controle, ou seja, permissão para acessar o arquivo de origem é permitido. Então lidamos com esta página [Observe que você deseja produzir a imagem da página]:
var iMg = nova imagem; img.onload = myloader; img.crossorigin = 'anonymous'; // Valor opcional: anonymous, * img.src = 'http: //myurl.com/...';
Ou em html
<img src = "" id = "imgclcd" crossorigin = "anonymous">
O núcleo é que o cabeçalho da solicitação contém a origem: "Anonymous" ou " *" Campo e o campo de controle de acesso ao autor: * O campo será anexado ao cabeçalho da resposta para resolver o problema.
O artigo acima resolve rapidamente o problema de domínio cruzado do canvas.todataurl Pictures é todo o conteúdo que compartilhei com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.