轻松让你实现浏览器截图、截屏

【公众号回复 “1024”,免费领取程序员赚钱实操经验】

999d4442d17358945cf1bc79bb25ed99.jpeg

大家好,我是章鱼猫。

今天给大家分享三个有趣又实用的开源项目。

1、Html2canvas

Html2canvas 是一个实现浏览器内截屏的 JavaScript 库。该项目可以让你在浏览器内对整个网页或部分内容进行截图,原理是通过读取 DOM 和样式,将当前页面渲染成一个画布图像。

494c3506c9c928cbb014a515722b9706.gif

使用方法:

html2canvas(document.querySelector("#capture"))
       .then(canvas => {    
              document.body.appendChild(canvas) });

开源项目地址:https://github.com/niklasvh/html2canvas

开源项目作者:niklasvh

2、Satori

Satori 是一个能够将 HTML 和 CSS 转换为 SVG 的库。由 Vercel 团队开源的可根据 HTML 和 CSS 代码生成 SVG 图像的库。支持 JSX 语法,使用起来十分方便和顺手。

e09f96149d1fdb85ab81c3dcd0e8fa8e.png

开源项目地址:https://github.com/vercel/satori

开源项目作者:vercel

3、PyGWalker

推荐一个最近在 GitHub 上较为流行的 Python 库:PyGWalker,可用于简化 Jupyter Notebook 数据分析和数据可视化工作流程。

通过 PyGWalker,你可以快速将 Pandas DataFrame 转变为 Tableau 风格的操作界面,更好的用于数据可视化探索。

该 Python 库支持 Jupyter Notebook、Google Colab、Kaggle Code 等多种环境,安装使用也颇为简单,感兴趣的同学可以体验下。

d0e5bc6dd05295b240d2e81fd4931823.png

e5e32b3f81ad6be920bb00e9e4da8f53.png

开源项目地址:https://github.com/Kanaries/pygwalker

开源项目作者:Kanaries

最近,章鱼猫建了一个「GitHub 精选交流群」,欢迎大家一起交流优秀开源项目,也可以宣传自己的开源项目,在 「GitHub 黑板报」公众号后台回复【加群】邀请你入群。

---特别推荐---

特别推荐:一个专门分享优质开源项目的账号「GitHub 黑板报」,一周三次定期挖掘并分享 GitHub 高质量开源项目。专注挖掘好东西,非常值得大家关注。点击下方公众号卡片,直接关注

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值