【前端】canvas相关知识

最新推荐文章于 2024-10-31 15:49:24 发布

Fish木鱼山小助手

最新推荐文章于 2024-10-31 15:49:24 发布

阅读量122

点赞数 1

分类专栏：前端文章标签：前端 javascript html5

本文链接：https://blog.csdn.net/FishWooden/article/details/129029552

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

canvas是HTML中的一个元素，用于在网页上进行图形绘制。html2canvas库允许开发者将DOM元素转换为canvas，然后可以将canvas内容转换为图片并保存到本地。示例代码展示了如何实现这一功能。

摘要由CSDN通过智能技术生成

canvas是什么？

canvas是html中可以操作绘图的一个元素/工具，就像一个画布一样，运用canvas一般也是用来合成图片、保存截图等场景用的比较多。

而html2canvas这个模块可以把某个元素转化成canvas，canvas可以直接生成为图片，获取到图片之后，就可以保存到本地了。

function convert() {
        html2canvas(document.querySelector("#capture")).then(canvas => {
          //将canvas内容保存为文件并下载
          canvas.toBlob(function(blob) {
             saveAs(blob, "hangge.png");
          });
        });
      }