70K star!大佬都爱用的画图工具 你值得拥有

公众号关注  “GitHub AI 开源”

设为 “星标”,每天逛逛 GitHub!

70K star!大佬都爱用的画图工具 你值得拥有


在日常工作和学习中,我们经常需要画图来展示项目的结构,那么有没有一款特别适合画图的工具呢?
Excalidraw是一个白板工具,可以帮你轻松地绘制出手绘图表。
并且还是在 github 上的开源软件,所以免费使用,不用担心收费问题。
目前已经收获了 70k 的 star, 非常的受欢迎!

70K star!大佬都爱用的画图工具 你值得拥有

接下来一起看下 Excalidraw 这款工具的特点, 和使用方法吧。

70K star!大佬都爱用的画图工具 你值得拥有

  Features        
  • ? 开源,免费使用

  • ? 支持无界模式,基于画布的白板

  • ✍️ 手绘画风格

  • ?支持 light / dark 模式切换

  • ?️ 支持定制。

  • ? 支持插入图像

  • ? 拥有丰富的形状库支持。

  • ? 支持多种语言,支持本地化 (i18n)

  • ?️ 支持导出 PNG、SVG 和剪贴板。

  • ? 支持丰富的数据格式 – 将图形导出为 json 文件

  • ⚒️ 丰富的画图工具 – 矩形、圆形、菱形、箭头、线条、自由绘制、橡皮擦…

  • ➡️ 支持箭头绑定及标记箭头。

  • ? 支持撤消/重做。

  • ?支持缩放和平移

  安装        
Excalidraw 支持通过 npm 安装:

git clone https://github.com/excalidraw/excalidraw
npm install 
npm start

70K star!大佬都爱用的画图工具 你值得拥有

或者通过 yarn 命令也可以安装

yarn add react react-dom @excalidraw/excalidraw

  小试牛刀        

安装完成后,启动 Excalidraw, 界面如下:
Excalidraw 进入时,默认是浅色模式,我这里切换成了深色模式,切换可以在左侧的工具箱设置。右侧是画布区。

70K star!大佬都爱用的画图工具 你值得拥有

Excalidraw 拥有丰富的素材库。

素材内容非常丰富,从日常工作,比如程序绘图,到日常生活,比如旅游安排,全部都有。真的是小孩子才做选择题,我全都要。

70K star!大佬都爱用的画图工具 你值得拥有

在素材广场找到想要的素材,点击 ”Add to Excalidraw“ 就可以开始用了。

70K star!大佬都爱用的画图工具 你值得拥有

除了通过 npm 安装到本地使用外,也可以在线使用。打开浏览器,输入下面地址:https://excalidraw.com,即可在线使用。

也可以通过浏览器扩展直接安装到本地使用,使用更方便,以 windows 的 Edge 浏览器为例, 具体操作如下:

70K star!大佬都爱用的画图工具 你值得拥有

GitHub:

https://github.com/excalidraw/excalidraw

  最后         

这期的推荐到这里就结束了,我们下期再见!

往期精彩回顾
© 版权声明

☆ END ☆
喜欢就点个赞吧
点赞0 分享
图片正在生成中,请稍后...