캔버스가 CORS 이미지로 오염되었습니다.

Question

캔버스 (Pixastic)와 함께 CORS 지원 이미지를 사용하는 데 문제가 있습니다. 서버에서

나는 나의 htaccess로 파일에

Header set Access-Control-Allow-Origin "*" 

있습니다. 성공하지

<img src="http://myseconddomain/image.jpg" crossorigin="anonymous" /> 

:

는 클라이언트 측에 나는과 같이, HTML에서 crossorigin 속성을 설정했습니다. 내가 Pixastic의 코드에 노력 그 후 는 :

var el = elements[i]; 
el.crossOrigin = 'anonymous'; 

중 하나가 작동하지 않습니다.

크롬 캐시도 사용 중지되었지만 도움이되지 않습니다.

크롬 로깅 :

Uncaught Error: SECURITY_ERR: DOM Exception 18 
Unable to get image data from canvas because the canvas has been tainted by cross-origin data. 

를 HTML은 (crossorigin 속성이 설정되어) 잘 보이는 경우에도 이미지 헤더하므로, 어떠한, 내가 다음에 시도 해야할지 모르겠어 (Access-Control-Allow-Origin) 잘 봐 조언을 환영합니다!

이 응용 프로그램은 추측 할 수있는만큼 멀리 떨어져 있기 때문에 불행히도 링크를 제공 할 수 없습니다.

Answer 1

나는 방법을 발견했다. 나는 그것을 여기에 올릴 것이므로, 아마 언젠가는 누군가를 도울 것입니다.

필자가 생각한 것처럼 init() 함수가 항상 호출되는 것은 아니기 때문에 필자는 Pixastic의 코드에서 올바른 함수를 망치고 있지 않았다.

은 내가 Pixastic.process() 함수에 다음 줄 추가 :

dataImg.crossOrigin = "anonymous"; 

을 그리고 그것은 트릭을했다.