내가 보려고 만든 블로그

이미지 파일을 만든후 사용하려고 할때 DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 이 발생한다면? 해결방안 외부 이미지를 가져올때 cross origin 문제로 발생한 오류이기때문에 이미지에 cross origin 을 "Anonymous" 로 지정해주면 된다 const image = new Image(); image.src = image_src; image.crossOrigin = 'Anonymous'; image.onload = () => { consoel.log(image) } 간단하게 해결완료 ✋ 잠깐 crossOrigin 추가 이후 갑자기 이미지 CORS..

이미지를 가져오고 싶은데 cros 오류가 발생한다... cors는 통신때만 해주면 되는데 왜 여기서 까지 발생할까... 이유를 검색해보니 초기 이미지를 캐싱하는 단계에서는 cors 헤더를 가져가지 않고 캐싱을 하기때문에 이와같은 오류가 발생한다고 한다 그래서 열심시 구글링해서 canvas로 우회해서 가져오고 crossOrigin을 설정해주었지만... 그래도 동일하게 발생하는 오류... 여기서 삽질을 더 한결과 기존 코드 getBase64FromUrl(){ let image = new Image(); const _this = this; image.onload = function() { const canvas = document.createElement("canvas"); canvas.width = imag..