Để chuyển đổi canvas HTML5 thành PNG, hãy làm theo các bước dưới đây -
Bạn cần thêm URL dữ liệu đã tạo vào thuộc tính href của thẻ .
Hộp thoại cho hình ảnh base64 -
<img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" />
Thêm tên tệp -
<a download="newimg.png" href="...">
Bây giờ hãy xác định http tiêu đề -
headers=Content-Disposition: attachment; filename=newimg.png
Để xử lý bộ nhớ RAM của trình duyệt web và làm cho việc sử dụng nó ít hơn -
// generated the data URL dynamically
function myCanvas() {
var d = canvas.toDataURL('image/png');
this.href = d;
};
d.addEventListener('click', myCanvas, false);