如何在 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”儲存到影像中。

更新時間:2020 年 1 月 30 日

521 次瀏覽

開啟你的 職業生涯

完成本教程獲得認證

開始
廣告
© . All rights reserved.