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

DIV 内容可以借助 JavaScript 中的 html2canvas() 函数保存为图像。 DIV 标签定义 HTML 文档中的一个部分。

示例

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

这显示了名为 cpimg的划分区域。

html2canvas() 函数使用以下代码将 div 保存为图像 -

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

它将引用的 div 部分“cpimg”保存到图像中。

立即学习“前端免费学习笔记（深入）”；

以上就是如何使用HTML5画布将DIV保存为带有扩展名的图像？的详细内容，更多请关注IT视界其它相关文章！