如何使用 HTM5 将 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”保存到图像中。

更新于:2020 年 6 月 24 日

5 千次浏览

开启您的 职业生涯

完成课程认证

开始
广告