程序依赖于jquery和html2canvas,令人兴奋的是,现在我可以利用这个程序想做更多事情;程序可以流程运行在不同主流游览器,更加重要的是不需要配置任何服务端,因为它仅仅真的是一个前端程序。
至少节省我很多时间,不过它并不是万能的,它还是存在缺点(参考html2canvas官方指出的问题)。
游览 (Cabbagelol)
使用
请不要对它抱太大希望,截图大部分游览器都已成为基础功能一部分,如果仅仅单纯作为游览器第三方截图插件那么请止步吧,因为html2canvas最初目的不是这样,并且html2canvas当前版本也无法完实现。
关于测试,对于复杂度不高页面所生成的截图结果较为理想,可以将此程序合并到其他项目中作为表单、图片、文章截图工具等;其他复杂页面中依旧存在预想将会出现问题:
- 已知属性不支持(官网文档);
- 边缘的截图范围存在差别
- 仅对角铺抓屏幕,无法再次编辑(暂)
- 铺抓截图区域需要加载,若页面更长时间越多(DOM树越宽系统消耗资源越大)
对于页面截图你需要左键对角下拉释放左键来铺抓区域,其中滚动实际也会产生空间(作者尚未针对其他游览器的测试,可能存在着偏差)。
更新
1.0.1:
- 兼容移动设备截图(比较勉强的兼容)
1.0.0:
- 完成基于html2canvas开发的网页抓屏,可以选择区域进行
- 优化抓屏游览区域样式表
注意
该程序仅是演示避免直接投入使用,后果一律不负责。
附加
- html2canvas官网:https://html2canvas.hertzen.com/
—— 感谢你抽出时间阅读