html2canvas 화면 캡쳐 다운로드하기

 

<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>

$(".btn_save").on("click", function(){
		// 캡쳐 라이브러리를 통해서 canvas 오브젝트를 받고 이미지 파일로 리턴한다.
		html2canvas(document.querySelector("#certificate_pop")).then(canvas => {
		saveAs(canvas.toDataURL('image/png'),"capture.png");
		});
	});
function saveAs(uri, filename) {
	// 캡쳐된 파일을 이미지 파일로 내보낸다.
	var link = document.createElement('a');
	if (typeof link.download === 'string') {
		link.href = uri;
		link.download = filename;
		document.body.appendChild(link);
		link.click();
		document.body.removeChild(link);
	} else {
		window.open(uri);
	}
}