crossOrigin 속성을 사용하면 외부 원본에서 로드된 이미지를 현재 원본에서 로드된 이미지처럼 캔버스에서 사용할 수 있습니다.
CORS 승인 없이 이미지를 사용하면 캔버스가 오염됩니다. 캔버스가 오염되면 더 이상 캔버스에서 데이터를 다시 가져올 수 없습니다. 교차 출처 도메인에서 캔버스를 로드하면 캔버스가 오염됩니다.
-
를 설정하여 이를 방지할 수 있습니다.img.crossOrigin = "Anonymous";
이것은 원격 서버가 헤더를 적절하게 설정하는 경우 작동합니다 -
Access-Control-Allow-Origin "*"