如何使用 HTM5 將 DIV 以影像副檔名儲存為影像?


藉助 JavaScript 中的 html2canvas() 函式,可以將 DIV 內容儲存為圖片。DIV 標籤定義了 HTML 文件中的一個部分。

示例

<div id = ”cpimg”   style = ”padding:  25px ; ” >  
   <h4>Welcome</h4>
</div>

這展示了命名為*cpimg* 的分隔區。

html2canvas() 函式使用以下程式碼將 div 儲存為圖片 −

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

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

更新於:2020 年 6 月 24 日

5 千次瀏覽

開啟您的 職業生涯

完成課程認證

開始
廣告
© . All rights reserved.