如果你有一个需要生成网页快照图片,然后需要用图片上传或发送给他人,你会怎么做?聪明的你可能会想canvas能不能生成这样的图片?没错,今天就给大家推荐一款简单易用的工具html2canvas。准备文件进入官网点击这里开始在官网首页下载资源文件,html2canvas.js或者html2canvas.min.js均可。将此资源文件导入到您需要使用此功能的页面中。要开始,请将唯一ID添加到要转换为图像的框标签,以便轻松找到DOM节点。按照官方文档设置相关参数,并在适当的地方添加代码进行图片转换。html2canvas(document.querySelector("#app")).then(canvas=>{document.body.appendChild(canvas)});相关参数设置的详细使用请参考官方文档,按需设置。兼容性介绍Firefox3.5+GoogleChromeOpera12+IE9+EdgeSafari6+vue-cli中使用的最新版本需要直接通过yarn或者npm导入,可以参考官网首页npminstall--savehtml2canvas或者yarnaddhtml2canvasifavailable相关问题,也可以参考另一篇文章。点此查看Diboot——简单高效的轻代码开发框架
