반응형 Canvas2 Tainted canvases may not be exported 오류 :Uncaught (in promise) SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported 해당원인이 발생한 이유는 "Anonymous" 문제가 발생해서이다.내부에서 개발을 하다 보니 내부 이미지 URL을 쓰면서, 해당문제가 되었습니다. 해결방법 1. 외부이미지 사용 : 이미지를 내부에서 외부의 이미지로 옮긴 다음 외부 이미지로 작성을 하면 됩니다.// 기존img.src = "./img/이미지.jpg"; // 변경img.src = "www.domain.com\이미지.jpg" 2. 다운로드에 img.crossOrigin = 'Anonymous' 항목을 추가하여 .. 2025. 1. 10. [HTML/Script] Canvas 이미지 다운로드 html 파일에 canvas를 이용해서 다운로드를 하는 방법 script.jsconst canvas = document.getElementById('캔버스ID');const ctx = canvas.getContext('2d');// 다운로드 함수명function downloadImage() { const image = canvas.toDataURL("image/png"); // Create a temporary anchor element const link = document.createElement('a'); link.href = image; link.download = '파일명.png'; link.click();} html에서 그린 canvas를 그리고 .. 2024. 8. 30. 이전 1 다음 반응형