ในการแปลงผ้าใบ HTML5 เป็น PNG ให้ทำตามขั้นตอนด้านล่าง -
คุณต้องเพิ่ม URL ข้อมูลที่สร้างขึ้นไปยังแอตทริบิวต์ href ของแท็ก
ไดอะล็อกสำหรับอิมเมจ 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); 