html2canvas($("#xxxEle")).then(function(canvas) {
var imageData = canvas.toDataURL()
})
使用node-webshot进行网页截图用到的npm模块有yargs和node-webshot，关于yargs的文章参考这里 从零开始打造个人专属命令行工具集——yargs完全指南 。
node-webshot是调用phantomjs来生成网页截图的，phantomjs是非常有名的npm项目，相当于一个脚本版的WebKit浏览器 ，通过phantomjs可以使用脚本 和网页进行交互，所以phantomjs经常用来进行网页自动化测试。
phantomjs会和普通的浏览器一样加载完整的网页内容，然后在内存里面进行渲染，虽然肉眼看不到它渲染的页面，但是通过生成图片就可以看到了，node-webshot使用的就是phantomjs的render接口来获取网页截图的。
node-webshot生成谷歌首页的示例代码：
var webshot = require('webshot') webshot('google.com', 'google.png', function(err) { // screenshot now saved to google.png})phantomjs生成谷歌首页的示例代码： var page = require('webpage').create()page.open('http://github.com/', function() { page.render('github.png')phantom.exit()})
那为什么不直接使用phantomjs呢?一个字懒!
另外node-webshot还对文件读写进行了简单的封装，相信任何熟悉node.js的开发人员，都能很简单的写出这样的接口，但是既然轮子好用就不要自己造了。
node-webshot流式调用的写法：
var webshot = require('webshot')var fs = require('fs') var renderStream = webshot('google.com')var file = fs.createWriteStream('google.png', {encoding: 'binary'}) renderStream.on('data', function(data) { file.write(data.toString('binary'), 'binary')})
node-webshit还支持生成移动版的网页截图：
var webshot = require('webshot') var options = { screenSize: { width: 320 , height: 480 }, shotSize: { width: 320 , height: 'all' }, userAgent: 'Mozilla/5.0 (iPhoneUCPU iPhone OS 3_2 like Mac OS Xen-us)' + ' AppleWebKit/531.21.20 (KHTML, like Gecko) Mobile/7B298g'} webshot('flickr.com', 'flickr.jpeg', options, function(err) { // screenshot now saved to flickr.jpeg})
最后再把yargs和node-webshot进行集成，可惜这部分工作人家也帮我们做好了，直接安装就行。
npm isntall -g webshot-cli
使用desktop-screenshot进行系统截图
desktop-screenshot是一个跨平台的系统截图项目，用法和node-webshot类似，只是少了一个url参数。var screenshot = require('desktop-screenshot') screenshot("screenshot.png", function(error, complete) { if(error)console.log("Screenshot failed", error) elseconsole.log("Screenshot succeeded")})
