HTML5 캔버스를 PNG로 변환하려면 아래 단계를 따르십시오 -
태그의 href 속성에 생성된 데이터 URL을 추가해야 합니다.
base64 이미지용 대화 상자 -
<img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" />
파일 이름 추가 -
<a download="newimg.png" href="...">
이제 http 정의 헤더 -
headers=Content-Disposition: attachment; filename=newimg.png
웹 브라우저의 RAM을 처리하고 활용도를 낮추려면 -
// generated the data URL dynamically
function myCanvas() {
var d = canvas.toDataURL('image/png');
this.href = d;
};
d.addEventListener('click', myCanvas, false);