html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。

它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的浏览器。

html2canvas可以通过获取HTML的某个元素，然后生成Canvas，能让用户保存为图片。

这个项目主要是生成canvas，那么我们如果需要生成图片还需要将它转化为图片地址。以下内容参考这篇html2canvas

基本语法html2canvas(element, options);html2canvas(document.body, { onrendered: function(canvas) { var url = canvas.toDataURL();//图片地址 document.body.appendChild(canvas); }, width: 300, height: 300 });

或者使用ES6的promise

//两个参数：所需要截图的元素id，截图后要执行的函数， canvas为截图后返回的最后一个canvas html2canvas(> =>html2canvas example=> ="text/javascript"> function takeScreenshot() { console.log('test'); html2canvas(document.getElementById('view'), { onrendered: function(canvas) { document.body.appendChild(canvas); }, // width: 300, // height: 300 }); } ===>