Chrome (또는 향후 다른 브라우저)에서 작동하지 않는 file : //을 사용하고있을 것입니다.
이 문제를 해결하는 방법에는 두 가지가 있습니다.
- 이 명령 줄 옵션으로 Chrome 시작
"C:\PathTo\Chrome.exe" –allow-file-access-from-files - 예를 들어 Mongoose (또는 Apache / LAMP 등) 와 같은 localhost / 127.0.0.1을 통해 페이지에 액세스 할 수 있도록 로컬 컴퓨터에 경량 웹 서버를 설치합니다 .
file : // 프로토콜에서 이미지를로드하는 것은 CORS 위반으로 간주되어 캔버스 ( toDataURL()또는 getImageData()) 에서 픽셀을 추출 할 수 없습니다 .
출처
https://stackoverflow.com/questions/22029788