将html的标签转化为canvas（画布）的js插件，可以结合canvas2image.js实现将一个img标签截图并下载的功能

使用html2canvas.js插件截图高清图，内带loading加载及layer弹出，适合移动端，及PC端

本文实例为大家分享了Vue导出页面为PDF格式的具体代码，供大家参考，具体内容如下 导出为图片 1.将页面html转换成图片 npm install html2canvas --save 2.在需要导出的页面引入 import html2canvas from 'html2canvas'; 在 methods 中添加方法 dataURLToBlob(dataurl) {//ie 图片转格式 var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[

html2canvas.js有很多个版本，但是在截取图片的清晰度时，需要用到其1.0.0版本中then方法以提高图片清晰度

html2canvas案例解决模糊不清及滚动下来问题（已测试，可直接应用到项目中）

html2canvas.js

html2canvas 是一个 JavaScript HTML 渲染器。 该脚本为您提供了直接在浏览器上截取网页屏幕截图的工具。 屏幕截图是基于 DOM 的，因此它可能不是 100% 准确的真实表示，因为它不是实际的屏幕截图，而是一种基于页面可用数据和信息构建的屏幕截图。 该脚本通过读取 DOM 和特色元素的不同样式，将此类页面呈现为画布图像。 考虑到图像是在用户浏览器上创建的，它不需要从服务器进行渲染。 但是，由于它严重依赖于浏览器，因此该库不会在 nodejs 中使用。 它无法绕过任何浏览器内容策略限制，并且要呈现跨源内容，需要代理才能将内容获取到相同的来源。

主要介绍了使用html2canvas实现浏览器截图的示例代码的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

jsPdf.debug.js和html2canvas.js下载jsPdf.debug.js和html2canvas.js下载jsPdf.debug.js和html2canvas.js下载jsPdf.debug.js和html2canvas.js下载

一款html转图片的前端轻量工具，十分方便好用，上传到这里分享给大家，自己做一个备份。