Canvas.toDataURL 이미지의 도메인 간 문제를 신속하게 해결

위에서 언급했듯이 페이지의 이미지 주소가 로컬(Html2Canvas.js)로 출력되는 경우 소스가 서로 다른 도메인 간 문제로 인해 toDataURL 액세스 권한 문제가 발생합니다.

[원본에서 리디렉션 'http:///sub1.xx.com'은 Cross-Origin 리소스 공유 정책에 의해 로드가 차단되었습니다. 요청된 리소스 'http://sub2.dll'에 'Access-Control-Allow-Origin' 헤더가 없습니다. xx.com'은 따라서 접속이 허용되지 않습니다.】

해결 방법:

오류 분석에 따라 컨트롤 헤더에 "Access-Control-Allow-Origin"을 추가합니다. 즉, 허용합니다. 소스 파일 권한에 액세스하면 이 페이지[페이지 이미지가 출력된다는 점에 유의하세요]는 다음과 같이 처리됩니다.

var img = new Image;
img.onload = myLoader;
img.crossOrigin = 'anonymous'; //可选值：anonymous，*  
img.src = 'http://myurl.com/....';

또는 HTML에서

핵심은 요청 헤더에 Origin이 포함되어 있다는 것입니다: "anonymous" 또는 "*" 필드 및 Access-Control-Allow가 응답 헤더에 추가됩니다. -Origin: * 필드, 문제가 해결되었습니다.

위 글은 Canvas.toDataURL 이미지의 크로스 도메인 문제를 빠르게 해결해 주었습니다. 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. 또한 모두가 PHP 중국어를 지원해 주시길 바랍니다. 웹사이트.

Canvas.toDataURL 이미지의 도메인 간 문제를 빠르게 해결하는 것과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요. !