如何在 HTML 中使用 canvas2image 將 DIV 另存為影像並帶副檔名?


藉助 javascript 中的 html2canvas 函式,可以將 DIV 內容另存為影像。

DIV 標籤定義 HTML 文件中的一個分段。

示例

<div id=”cpimg” style=”padding: 20px ; ” >
   <h4>Hello world</h4>
</div>

這顯示了一個名為 cpimg 的區域。

Html2canvas 函式使用以下程式碼將 div 另存為影像

html2canvas(document.querySelector(“#cpimg”)).then(canvas
{
   document.body.appendChild(canvas)
});

它將引用的 div 部分“cpimg”儲存到影像中。

更新於: 30-1 月 -2020

521 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

立即開始
廣告
© . All rights reserved.