CORS가 사용 설정되었지만 toDataURL이 여전히 경고를 throw합니다.

Question

제목에서 알 수 있듯이 모든 이미지에서 CORS를 사용할 수 있지만 이미지를 캔버스에 버리고 캔버스를 추출하려고 할 때 오류가 계속 발생합니다 (Chrome 및 FF). 나는 그것을 테스트하는 이미지 중 하나에 약간의 스니퍼를 실행하고 올바른 헤더 반환 사실 것 같다 :

액세스 제어 - 허용 - 원산지 : *

암의 I를 무언가를 놓침? 부동산 (img 만들거나 이미 획득 가정)로 사용, 자바 스크립트에서 동적으로

<img crossOrigin="anonymous" ... /> 

나 :

Answer 1

당신은 단지 이미지 태그에이 속성을 추가, 서버에 대한 요청 CORS 사용 필요 :

당신은 예를 들어, 출처 간 요청을 (지원하는 이미지 로더를 사용하여로드 할 여러 이미지가있는 경우

var img = new Image; 
img.onload = callback; 
img.crossOrigin = ''; /// = anonymous 
img.src = '...'; 

내 YAIL loader 모든를 요청할 수있는 곳이나 CORS를 사용하여로드 할 개별 이미지).