[JavaScript] 자바스크립트에서 캔버스 그래픽 다운로드하기

211_자바스크립트에서 캔버스 그래픽 다운로드하기 [적용] 브라우저에서 생성한 도형을 유저의 시스템에 다운로드하고 싶을 때 브라우저에서 가공한 이미지를 유저의 시스템에 다운로드하고 싶을 때 [문법] 메소드 의미 반환 new Blob(배열, 옵션) Blob 객체 생성 Blob 객체 [내용] a 요소를 사용해 캔버스 요소에서 작업한 그래픽을 다운로드 할 수 있다. 이미지 데이터는 toDataURL()을 사용해 Base64 문자열로 가져오며, 바이너리이므로 Blob 객체로 변환한다. JavaScript (부분) main.js // 캔버스 요소 참조 const canvas2 = document.querySelector('#cnavas-effected'); // 파일 형식과 파일명 지정 const mimeType..

2022.07.28