首页 > web前端 > html教程 > 如何使用HTML5画布将DIV保存为带有扩展名的图像?

如何使用HTML5画布将DIV保存为带有扩展名的图像?

王林
发布: 2023-09-05 22:09:11
转载
979 人浏览过

如何使用HTML5画布将DIV保存为带有扩展名的图像?

DIV 内容可以借助 JavaScript 中的 html2canvas() 函数保存为图像。 DIV 标签定义 HTML 文档中的一个部分。

示例

<div id = &rdquo;cpimg&rdquo;   style = &rdquo;padding:  25px ; &rdquo; >  
   <h4>Welcome</h4>
</div>
登录后复制

这显示了名为 cpimg的划分区域。

html2canvas() 函数使用以下代码将 div 保存为图像 -

html2canvas(document.querySelector(&ldquo;#cpimg&rdquo;)).then(canvas
 {    
    document.body.appendChild(canvas)
 });
登录后复制

它将引用的 div 部分“cpimg”保存到图像中。

以上是如何使用HTML5画布将DIV保存为带有扩展名的图像?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板