微客导航 » 文章资讯 » 如何将带有HTM5画布的DIV保存为带有扩展名的图像？

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

2024-05-01 18:15:04 447

可以借助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”保存到图像中。