자바 스크립트 캔버스 받기 이미지 픽셀 데이터는

Question

나는 자바 스크립트 캔버스에 대한 두 부분 질문이 있습니다. context.getImageData()를 사용하지 않고도 해당 파일에서 픽셀의 색상을 가져 오는 간단한 방법이 있는지 궁금합니다.

2 부 :
내가 직접이 사이트에서 코드를 복사 할 경우 (1 부 유용 너무 복잡합니다.) : 내 바탕 화면에 html 파일로 W3 schools getImageData()을하고 라는 이미지를 추가 내 바탕 화면에 img_the_scream.jpg, 나는이 오류가 실행 :이 사이트에 대한 작동하지만 나를 위해 왜 난 정말 모르는

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

.

Answer 1

Same Origin Policy에 의해 제한되는 제한 사항 : 서버가 명시 적으로 CORS headers을 사용하여 허용하는 경우 다른 원산지가 제공하는 JavaScript 데이터를 읽을 수 없습니다.

다른 서버에서 제공하는 이미지의 픽셀을 가져오고이 서버에서이 헤더를 설정하지 않으려면 프록시 종류를 사용하거나 다음을 사용하여 서버에서 작업해야합니다. 이미지 서버 측을 가져옵니다.

브라우저는 file://에서 온 모든 파일을 다른 출처로 간주합니다. 로컬로 수행하려고하면 http 서버를 사용해야합니다.