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