Drawnix

Drawnix简介

Drawnix 是款基于 Plait 框架的开源免费白板工具，名字灵感来自 “绘画” 和 “凤凰涅槃”，代表创造力与革新。它有思维导图、流程图、自由绘画等功能，支持插件扩展，还能适配多种 UI 框架。

它能自动保存，有无限画布，可撤销、重做，还能导出成 PNG、JPG、JSON 等格式，有主题模式，也能在移动设备上用。用户可以用 Docker 部署，也能在本地运行，通过 cpolar 等工具还能远程访问。适合个人做学习笔记、团队协作、教学等场景。

Drawnix特点

• 免费开源：基于 MIT 许可证，能免费使用和二次开发

• 功能丰富：支持思维导图、流程图、自由画笔、插入图片等

• 插件架构：采用插件化设计，技术架构稍复杂但扩展性强

• 多框架支持：可集成多种 UI 框架（如 Angular、React）和富文本框架（目前只支持 Slate）

• 导出功能：能导出为 PNG 图片和 JSON 格式（.drawnix）

• 编辑特性：支持撤销、重做、复制、粘贴等操作

• 无限画布：可缩放、滚动，有无限画布操作体验

• 主题模式：能切换主题

• 设备适配：适配移动设备

Drawnix主要功能

• 多人协作：支持多人同时在线在同一个白板上绘图、编辑和标注。

• 丰富的绘图工具：有画笔、图形绘制工具（矩形、圆形、箭头等）、文本工具等，可按需选择。

• 多种背景模板：提供网格、点阵、空白等背景模板，方便精确绘图和布局。

• 文件导入与导出：能导入 PNG、JPG 等图片作背景或参考图，也能导出为图片或矢量图形，方便保存分享。

• 自定义工具栏：可按使用习惯自定义工具栏布局和工具排列顺序。

• 语法转换：支持 mermaid 语法转流程图，markdown 文本转思维导图。

Drawnix使用场景

• 在线教学：教师能用它在线授课，实时讲解演示，学生可在白板上互动提问。

• 远程会议：参会人员可实时讨论协作，通过绘图、画流程图等直观表达想法。

• 项目规划：团队成员能画思维导图、流程图梳理项目思路和流程。

• 创意设计：设计师可在白板上画草图、标注，快速表达设计思路。

Drawnix的使用方法

1. 安装与部署：从开源代码仓库下载代码，按说明安装部署，之后通过浏览器访问使用。

2. 创建白板：登录后可新建白板，选择合适的背景模板和工具栏布局。

3. 邀请协作：通过分享链接或邀请他人加入，实现多人实时绘图编辑。

4. 保存与分享：可随时保存内容，也能导出为图片或矢量图形分享给他人。

如何通过 Docker来部署 Drawnix？

方法一：使用已构建好的镜像部署

1. 拉取镜像：从 Docker Hub 拉取，比如执行 docker pull ydxian/drawnix:latest。

2. 创建 docker-compose.yml 文件：在本地新建该文件，内容如下：

plaintext
version: '3'
services:
drawnix:
image: ydxian/drawnix:latest
container_name: drawnix
restart: always
ports:
  – "8200:80"

3. 启动容器：在文件所在目录执行 docker-compose up -d 启动。

4. 访问服务：在浏览器输入 http://服务器IP:8200 即可。

方法二：自行构建镜像并部署

1. 下载项目代码：执行 git clone https://github.com/plait-board/drawnix.git 下载。

2. 构建镜像：进入项目目录，执行 docker build -t 自定义镜像名:标签 .，比如 docker build -t drawnix:latest .。

3. 创建 docker-compose.yml 文件：内容和方法一类似，把镜像名改成自己构建的，比如：

plaintext
version: '3'
services:
drawnix:
image: drawnix:latest
container_name: drawnix
restart: always
ports:
  – "8200:80"

4. 启动容器：在文件所在目录执行 docker-compose up -d 启动。

5. 访问服务：浏览器输入 http://服务器IP:8200 访问。

✅开源地址：https://github.com/plait-board/drawnix