https의 context.getImageData()?

Question

이 게시물 context.getImageData() on localhost?과 동일한 문제가 있지만 localhost 대신 https 사이트에서 작업 중이므로이 문제는 캔버스와 함께 발생합니다. 이 사건에 대한 해결책이 있습니까?

Answer 1

이러한 문제는 다른 도메인에로드 된 이미지에서 데이터를 가져 오려고 할 때 발생합니다.

CORS (Cross-Origin Resource Sharing)를 사용하면이 문제를 해결할 수있는 한 가지 방법이 있습니다 (이미지 제공을 제어하는 ​​경우). 기본적으로 Access-Control-Allow-Origin 헤더를 제공되는 이미지에 추가합니다.

http://www.w3.org/TR/cors/에서 모든 내용을 읽을 수 있습니다. 유스 케이스는 특별히 http://www.w3.org/TR/cors/#use-cases, "캔버스 요소를 손상시키지 않음"섹션에 설명되어 있습니다.

http://enable-cors.org/에서 CORS를 사용하는 방법을 이해하는 데 도움이되는 훌륭한 자료가 있습니다. 아파치 인스턴스를 실행하는 경우 가장 쉬운 방법은 .htaccess 파일을 사용하여 헤더를 활성화하는 것입니다.

그러나 게재 된 이미지를 제어하지 못하는 경우 사용 권한을 요청하여 자신의 서버로 복사해야 할 수도 있습니다.