好资源导航 » 文章资讯 » 如何使用canvas扩展名将DIV保存为Image与HTML扩展名？

如何使用canvas扩展名将DIV保存为Image与HTML扩展名？

2024-05-10 11:06:10 363

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