如何使用HTML5画布将DIV保存为带有扩展名的图像？

DIV 内容可以借助 JavaScript 中的 html2canvas() 函数保存为图像。 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”保存到图像中。

以上就是如何使用HTML5画布将DIV保存为带有扩展名的图像？的详细内容！