前端网页截图程序

程序依赖于jquery和html2canvas,令人兴奋的是,现在我可以利用这个程序想做更多事情;程序可以流程运行在不同主流游览器,更加重要的是不需要配置任何服务端,因为它仅仅真的是一个前端程序。

至少节省我很多时间,不过它并不是万能的,它还是存在缺点(参考html2canvas官方指出的问题)。


游览 (Cabbagelol)


 

使用

请不要对它抱太大希望,截图大部分游览器都已成为基础功能一部分,如果仅仅单纯作为游览器第三方截图插件那么请止步吧,因为html2canvas最初目的不是这样,并且html2canvas当前版本也无法完实现。

关于测试,对于复杂度不高页面所生成的截图结果较为理想,可以将此程序合并到其他项目中作为表单、图片、文章截图工具等;其他复杂页面中依旧存在预想将会出现问题:

  • 已知属性不支持(官网文档);
  • 边缘的截图范围存在差别
  • 仅对角铺抓屏幕,无法再次编辑(暂)
  • 铺抓截图区域需要加载,若页面更长时间越多(DOM树越宽系统消耗资源越大)

 

对于页面截图你需要左键对角下拉释放左键来铺抓区域,其中滚动实际也会产生空间(作者尚未针对其他游览器的测试,可能存在着偏差)。

更新

1.0.1:

  • 兼容移动设备截图(比较勉强的兼容)

 

1.0.0:

  • 完成基于html2canvas开发的网页抓屏,可以选择区域进行
  • 优化抓屏游览区域样式表

注意

该程序仅是演示避免直接投入使用,后果一律不负责。

 

附加

  • html2canvas官网:https://html2canvas.hertzen.com/

 

—— 感谢你抽出时间阅读



Cabbagelol将做些什么
负责记录Cabbagelol的总结,或者共享有趣的内容,这就是后院的最重要做的事情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。
备案:粤ICP备15107172号-1
邮箱:nickmiku@foxmail.com

Copyright © 2015 - 2017 Cabbagelol. All Rights Reserved. Powered By Wordpress(EverBox).