什么是 Excalidraw ?

Excalidraw 是一款手绘风格流程图、示意图、架构图在线绘制工具，也可以作为会议画板使用，支持协同和端到端的加密。

老苏之前写过类似应用：

免费在线流程图Draw.io
协同工作之电子白板wbo

而 Excalidraw 有点像是两者的结合体，既像 wbo 一样具有常用的白板功能，又可以像 Draw.io 一样支持各种图库

官方试用地址：https://excalidraw.com

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 excalidraw ，选择第一个 excalidraw/excalidraw，版本选择 latest。

端口

直接用了默认的端口 2480

本地端口	容器端口
`2480`	`80`

运行

在浏览器中输入 http://群晖IP:2480 就能看到主界面

基本功能

界面简洁，上手简单，操作习惯和大部分制图软件相似，具备白板所需要的基本功能，提供了方形、圆形、自由画笔和箭头直线等常用图形工具

支持导出 png、svg 两种图像格式

支持保存到本地，需要时可以导入继续编辑

公共图库

除了基本的绘图功能外，Excalidraw 还提供了库功能

点 浏览库，会新开一个页面

可以 ➡️ Add to Excalidraw

直接拖拽到编辑区

可以根据需要添加，都是手绘风格的

如果经常做分析，可以试试 Data Viz

支持从 Excel 中 ctrl+c 复制表格

然后在 Excalidraw 中 ctrl+v 粘贴，选择好图表类型

自动生成图表

协作功能

这个 docker 实际上只是 Excalidraw 客户端，所以你创建的实例不支持共享或协作功能

我们自己搭建的是启动不了会议的，而官网的则可以

Obsidian 插件

这个和 docker 本身已经没有关系，是 Excalidraw 的另一种应用场景

在 Obsidian 的 设置 --> 第三方插件 --> 社区插件 --> 浏览 中，找到 Excalidraw，点 安装

安装完成后，默认并没有启用

启用后，左侧的图标会多出像回形针（领带？笔尖？）的 Excalidraw 图标

使用方法是完全一样的，除了库的加载方式不能再使用 ➡️ Add to Excalidraw ，而是要先 ⬇️ Download

画的图默认在库根目录下的 Excalidraw 目录中

参考文档

excalidraw/excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams
地址：https://github.com/excalidraw/excalidraw

Excalidraw
地址：https://excalidraw.com

Excalidraw在线手绘图表工具，帮你摆脱一成不变 - 超级PDF
地址：https://xpdf.net/wiki/knowledge/1389970340410560512.html

手绘风格的白板Excalidraw相关推荐

Excalidraw - 免费的手绘风格白板应用，能够画各种流程图、示意图、架构图
一款完全免费的手绘风格绘图在线应用,能快速画出漂亮的流程图.示意图甚至是图表. 关于 Excalidraw Excalidraw 是一款轻量的手绘风格电子白板在线应用,无论是 Windows / ma ...
持续更新-ppt绘图参考-手绘风格+win10录屏
在线手绘风格,在线生成:自己手画 https://excalidraw.com/ 手绘风格的流程图.时序图.甘特图 https://jeasonstudio.github.io/oxygen-dem ...
js折线图设置y轴刻度_手绘风格的 JS 图表库：Chart.xkcd
本文作者:HelloGitHub-kalifun 图表库千万个今天 HelloGitHub 给大家推荐个很有"特色"的图表库:一个手绘风格的 JS 图表库 -- Chart.xkc ...
手绘风格的数据可视化 Sketchify，让你的图表也萌萌哒
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | naughty 来源 | oschina.ne ...
extjs chart无法在panel中显示_手绘风格的 JS 图表库：Chart.xkcd
本文作者:HelloGitHub-kalifun 图表库千万个今天 HelloGitHub 给大家推荐个很有"特色"的图表库:一个手绘风格的 JS 图表库 -- Chart.xkc ...
手绘风格的数据可视化（萌萌风）Sketchify，及其他可视化工具（商业风）
多少年以前,我在一家BI企业负责数据可视化产品的开发,作为产品创新的需要,一篇论文吸引了我的目光,<Sketchy Rendering for Information Visualization ...
这是你从未见过的组件库 -- Android 上的手绘风格组件
之前看到一位作者开源了一款手绘风格的图表库 Chart.xkcd,感觉很是喜欢. 当然仅仅图表是满足不了我滴,于是想看看 Android 上是否有类似的开源库,一番搜索之后,颗粒无收. 想想原理可能不 ...
asp.net 获取全部在线用户_这款手绘风格的在线制图软件超棒
在线流程图制作软件说到流程图制作,你可能会用Microsoft Office Visio,然而这个软件太重量级了.现在在线制图软件也做的很好了,比如ProcessOn,它的用户体验非常好.但是这款软 ...
手绘风格的 JS 图表库：Chart.xkcd
本文作者:HelloGitHub-kalifun 图表库千万个今天 HelloGitHub 给大家推荐个很有"特色"的图表库:一个手绘风格的 JS 图表库 -- Chart.xkc ...

手绘风格的白板Excalidraw

安装

端口

运行