HTML5 畫布以 PNG 檔案


如需將 HTML5 畫布轉換為 PNG,請遵循以下步驟 −

你需要將生成的資料 URL 新增到 <a> 標籤的 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);

更新時間:2020 年 6 月 24 日

685 次瀏覽

啟動你的職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.