외부 이미지가있는 캔버스를 로컬 파일에 저장

Question

로컬 파일 시스템에 외부 웹 사이트의로드 된 이미지가 저장된 캔버스를 저장할 수 있습니까?

toDataUrl()을 사용하면 보안 오류가 발생합니다. Firefox에서는 마우스 오른쪽 버튼으로 파일을 캔버스에 저장할 수 있지만 Chrome에서는 불가능합니다.

Answer 1

아니요, 보안상의 이유로 toDataUrl()을 사용할 수 없습니다.

왜 이러한 현상이 발생하는지 보려면 cors을 살펴 봐야합니다.

Here's a bit on why it should be this way.

Firefox의 기능 중 하나 인 save-as를 마우스 오른쪽 버튼으로 클릭 할 수 있습니다. 웹 페이지가 toDataUrl() 인 경우 캔버스 데이터를 서버로 보내려고 시도 할 수 있으며 원하지 않습니다.

save-as를 마우스 오른쪽 버튼으로 클릭하면 Opera에서 요청되는 기능이며 언젠가는 다른 브라우저에서 사용할 수 있습니다. 그러나 언제든지 기존 기능을 사용하지 않을 것입니다.