如何在 HTML 中利用 canvas2image + 扩展程序,将 DIV 另存为图像?


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

更新时间:2020 年 1 月 30 日

521 次浏览

开启你的 职业生涯

完成本教程获得认证

开始
广告