[Canvas] 캔버스 작업 내역 로컬에 이미지 파일로 저장하기(.png)

[Canvas] 캔버스 작업 내역 로컬에 이미지 파일로 저장하기(.png)

작업 내역 : 캔버스 영역 내에 작업한 2d 내역을 사용자의 로컬저장소에 이미지 파일로 저장하기 위하여(.png)

소스 코드

[javascript]

		//@ myeonguni.com @
		// download(id)를 가진 버튼을 클릭할 경우
		$("#download").click(function(){ 
			downloadCanvas(this, 'canvas', 'myeonguni.png');
		});

		// 작업 이미지 로컬 다운로드(.PNG)
		function downloadCanvas(link, canvasId, filename) {
			link.href = document.getElementById(canvasId).toDataURL();
			link.download = filename;
		} 

[html]