질문으로, 페이지의 이미지 주소 (html2canvas.js)의 로컬 출력이 다른 소스에 크로스 도메인 문제가 있으며 Todataurl 액세스 권한 문제가 발생할 때 다음과 같습니다.
Origin 'http://sub1.xx.com'에서 리디렉션은 크로스-오리핀 리소스 공유 정책에 의해 로딩이 차단되었습니다. Origin 'http://sub2.xx.com'은 액세스 권한이 허용되지 않습니다.
해결책:
오류 분석에 따르면, "액세스-제어-허용-오리핀"이 제어 헤더에 추가됩니다. 즉, 소스 파일에 액세스 권한이 허용됩니다. 그런 다음이 페이지를 처리합니다. [페이지의 그림을 출력하려고합니다] :
var img = 새 이미지; img.onload = myloader; img.crossorigin = '익명'; // 선택적 값 : 익명, * img.src = 'http : //myurl.com/...';
또는 HTML에서
<img src = ""id = "imgclcd"crossorigin = "익명">
핵심은 요청 헤더에 "익명"또는 " *"필드 및 액세스-제어-홀로-오리핀 : * 필드가 응답 헤더에 첨부되어 문제를 해결한다는 것입니다.
위의 기사는 캔버스의 크로스 도메인 문제를 빠르게 해결합니다. Todataurl 사진은 내가 공유 한 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.