로컬 컴퓨터를 사용하여 캔버스 이미지 생성

Question

내 노트북에서 <canvas>中，以便我可以使用getImageData()에 이미지를 로드하고 싶습니다. 로컬 .html 파일에서 javascript를 사용하고 있습니다. 이것은 라이브 웹 기반 프로젝트가 아니라 단지 개인 프로젝트입니다.

이 작업을 시도했을 때 다음 오류가 발생했습니다. Uncaught DOMException: 'CanvasRenderingContext2D'에서 'getImageData' 실행 실패: 캔버스가 원본 간 데이터로 인해 오염되었습니다. Image.loadedImage에 있습니다.

이 문제를 해결하는 가장 쉬운 방법은 무엇입니까? 제 생각에는 이 문제를 해결하기 위해 과거에 Apache 서버를 설치했을 수도 있습니다! 방금 hfs를 시도했지만 문제가 해결되지 않았습니다.

관련 질문에 대한 다른 오래된 답변에서 제안한 대로

또는 Firefox에서 실행하여 이 문제를 해결할 수 없습니다. img.crossOrigin = "Anonymous"

Answer 1

현재 Rebex를 설치하고 실행하면 이 문제가 해결된 것으로 나타났습니다(파일을 wwwroot로 전송해야 함)