자바스크립트 이미지 캡처하기

자바스크립트에서 캔버스 태그(canvas tag)를 활용한 이미지 캡처하는 방법.

필요한 라이브러리를 다운받고 로딩한다.

① html2canvas - https://html2canvas.hertzen.com/

② ES6-promise - https://cdn.jsdelivr.net/npm/es6-promise@4/dist/

es6-promise.min.js

es6-promise.auto.min.js

zip 풀고 capture.html에서 activeX 허용 한 뒤 캡처 버튼 누르면 

해당 영역이 캡처되어 이미지로 저장된다.

자바스크립트 캡처.zip