내 캔버스 이미지를 내보낼 수 없는 이유는 무엇입니까? (오염된 캔버스 오류)

캔버스 데이터 내보내기 시 "오염된 캔버스를 내보낼 수 없습니다." 오류

문제:

캔버스 이미지를 로컬 파일로 복사하면 개발자에게 "Uncaught SecurityError: 'toDataURL'을 실행하지 못했습니다."라는 오류가 발생할 수 있습니다. 'HTMLCanvasElement': 오염된 캔버스를 내보낼 수 없습니다."

이유:

보안상의 이유로 로컬 드라이브는 "다른 도메인"으로 간주되어 캔버스를 오염시킬 수 있습니다. 이 조치는 로컬 드라이브에 저장된 중요한 정보를 보호하기 위해 마련되었습니다.

해결 방법:

테스트하는 동안 이 오류를 해결하려면 다음 해결 방법을 고려하세요.

1. 모든 파일 현지화: HTML, 이미지, 하위 폴더 구성을 피하기 위해 JavaScript 및 CSS를 데스크톱에 저장하세요.
2. 원격 이미지 호스팅: Dropbox 또는 GitHub와 같은 출처 간 공유 플랫폼에 이미지를 게시하세요. 이미지를 다운로드할 때 crossOrigin 플래그를 "anonymous"로 설정하세요.
3. 로컬 웹 서버: 개발 컴퓨터에 IIS 또는 PHP와 같은 웹 서버를 설치하세요. 이를 통해 로컬 드라이브가 아닌 로컬 서버에서 파일에 액세스할 수 있어 원본 간 문제가 해결됩니다.

위 내용은 내 캔버스 이미지를 내보낼 수 없는 이유는 무엇입니까? (오염된 캔버스 오류)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!