如何通过 HTM5 canvas 将 DIV 另存为图像并带扩展名?


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

更新时间: 24-6-2020

5 千余次浏览

开启您的 职业生涯

完成课程可获得认证

开始吧
广告