HTML5 Canvas thành file PNG

Để chuyển HTML5 canvas sang PNG, làm theo các bước sau −

Bạn cần thêm data URL tạo ra vào thuộc tính href của thẻ <a>.

Hộp thoại cho ảnh base64 −

<img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" />

Thêm tên file −

<a download="newimg.png" href="...">

Bây giờ định nghĩa http header −

headers=Content-Disposition: attachment; filename=newimg.png

Để giảm dùng RAM trình duyệt −

// tạo data URL động function myCanvas() {    var d = canvas.toDataURL('image/png');    this.href = d; }; d.addEventListener('click', myCanvas, false);