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

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

大家好，我是章鱼猫。

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

1、Html2canvas

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

使用方法：

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 语法，使用起来十分方便和顺手。

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

开源项目作者：vercel

3、PyGWalker

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

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

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

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

开源项目作者：Kanaries

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

---特别推荐---

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

轻松让你实现浏览器截图、截屏相关推荐

QQ浏览器如何修改截屏快捷键？QQ浏览器修改截屏快捷键的方法
qq浏览器是一款非常好用的搜索服务软件,在日常生活中如果碰到有什么不懂的内容,都可以使用这款软件解决,使用非常的方便,随时都可以满足用户的搜索需求,用户在使用这款软件的时候可以使用到非常多的功能,随时 ...
怎么用计算机截图快捷键,电脑怎么截图截屏电脑截图的快捷键是什么
电脑怎么截图截屏电脑截图的快捷键是什么来源:www.18183.com作者:皮卡时间:2015-10-23 很多人打开电脑的时候就会习惯性的登上各类社交应用,例如QQ.阿里旺旺.微博客户端等,这些 ...
mac录屏快捷键 - mac截图截屏快捷键 - 自带录屏软件QuickTime Player如何使用
mac截图截屏快捷键全屏截图 command + shift + 3 (截图文件自动保存到桌面) 区域截图 command + shift + 4 再用鼠标框选截图范围(截图文件自动保存到桌面) ...
荣耀android手机怎么截图,华为荣耀畅玩5C怎么截图/截屏方法教程
华为荣耀畅玩5C怎么截图/截屏方法教程来源:www.18183.com作者:皮卡时间:2016-04-29 作为荣耀今年的首款开年作品,该机受到了很多用户们的关注,而小编也相信有不少花粉们已经入手了 ...
截图截屏小工具Snipaste简单易用
截图截屏小工具Snipaste简单易用百度网盘地址:https://pan.baidu.com/s/195T96Al-plXSxXezTdybqg
html2canvas 浏览器端截屏并下载保存（兼容IE）
html2canvas 浏览器端截屏并下载保存(兼容IE) <!DOCTYPE html> <html> <head> <meta charset=" ...
ARFoundation入门教程U2-AR场景截图截屏
ARFoundation入门教程U2-AR场景截图截屏 <ARFoundation入门教程U1-android权限申请和配置升级>配置了android权限申请,获取权限后使用代码截屏,AR ...
树莓派(Raspberry Pi)中如何截图截屏(截图)
树莓派(Raspberry Pi)中截图截屏(截图) 需要使用scrot软件,在Raspberry Pi OS安装过程中,如果你选择的是Raspberry Pi OS with Desktop and ...
【截取整个网页】Chrome浏览器快速截屏，高清截图
Chrome版本78,window 10系统第一步:打开 Chrome 浏览器,输入网址,例如输入网址:https://www.golianghao.com. 第二步:Ctrl + shift + ...

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

轻松让你实现浏览器截图、截屏相关推荐

最新文章

热门文章