JavaScript实现网页截图功能
使用JavaScript截图,这里我要推荐两款开源组件:一个是它的原理是利用了HTML5的canvas对象提供了toDataURL()的API:这样的结果是base64编码的,所以我们还需要一个base64编解码的lib。但是目前的缺陷也有不少,比如目前Opera和Safari只支持PNG,FireFox的支持性则好得多。生成图片有两种方式写入页面,一种是生成一个图片对象写入页面DOM树中,这也是支持性比较好的方式:它作用于DOM加载的过程,收集其中的信息,再来绘制canvas图像,也就是说,其实它并不是将展现的DOM树截成canvas图,而是仿照DOM树重新绘制了一张canvas图。