如何透過 HTM5 canvas 將 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”儲存到影像中。

更新時間: 24-6-2020

5 千餘次瀏覽

開啟您的 職業生涯

完成課程可獲得認證

開始吧
廣告