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

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

王林
王林转载
2023-09-05 22:09:11959浏览

如何使用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删除