开源一体化白板工具Drawnix

简介

什么是 Drawnix ?

Drawnix 是一个开源的白板工具,旨在提供一体化的绘图体验。它集成了多种功能,包括思维导图、流程图和自由绘画等。

关键特性

  • 💯 免费 + 开源
  • ⚒️ 思维导图、流程图
  • 🖌 画笔
  • 😀 插入图片
  • 🚀 基于插件机制 - 可灵活扩展
  • 🖼️ 📃 导出为 PNG, JPG, JSON(.drawnix)
  • 💾 自动保存(浏览器缓存)
  • ⚡ 编辑特性:撤销、重做、复制、粘贴等
  • 🌌 无限画布:缩放、滚动、
  • 🎨 主题模式
  • 📱 移动设备适配(交互优化 🔥🔥🔥)

应用场景

  • 在线协作:团队成员可以共同编辑白板内容。
  • 教育与培训:用于制作思维导图、流程图等教学工具。
  • 创意设计:自由绘画功能适合设计师和艺术家使用。

Drawnix 的设计灵感来自于"绘画"(Draw)与"凤凰"(Phoenix),象征着创造力的重生与艺术的涅槃。这个工具是基于 Plait 框架构建的,在开发上可以很好的实现业务的分层,开发各种细粒度的可复用插件,可以扩展更多的画板的应用场景。

构建镜像

如果你不想自己构建,可以跳过,直接阅读下一章节

官方提供了 Dockerfile,但没有提供官方的镜像和安装方法,所以只能自己编译

构建镜像和容器运行的基本命令如下👇

bash 复制代码
# 下载代码
git clone https://github.com/plait-board/drawnix.git

# 通过代理
git clone https://gh-proxy.com/github.com/plait-board/drawnix.git
  
# 进入目录  
cd drawnix
  
# 构建镜像
docker build -t wbsu2003/drawnix:v1 .

# 运行容器
docker run -d \
   --restart unless-stopped \
   --name drawnix \
   -p 7200:7200 \
   wbsu2003/drawnix:v1

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 drawnix ,选择第二个 wbsu2003/drawnix,版本选择 latest

端口

本地端口不冲突就行,不确定的话可以用命令查一下

bash 复制代码
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
7200 7200

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

bash 复制代码
# 运行容器
docker run -d \
   --restart unless-stopped \
   --name drawnix \
   -p 7200:7200 \
   wbsu2003/drawnix

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

yaml 复制代码
version: '3'

services:
  drawnix:
    image: wbsu2003/drawnix
    container_name: drawnix
    restart: unless-stopped
    ports:
      - "7200:7200"

然后执行下面的命令

bash 复制代码
# 新建文件夹 drawnix 
mkdir -p /volume1/docker/drawnix

# 进入 drawnix 目录
cd /volume1/docker/drawnix

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

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

整个布局非常简洁,左上角是菜单

中间是工具栏

支持 Mermaid 语法

右上角支持比例缩放

右下角可以切换风格

软件的使用非常简单

参考文档

plait-board/drawnix: 开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.

地址:https://github.com/plait-board/drawnix
Drawnix - 开源白板工具

地址:https://drawnix.com/

相关推荐
胡耀超2 小时前
基于Docker的GPU版本飞桨PaddleOCR部署深度指南(国内镜像)2025年7月底测试好用:从理论到实践的完整技术方案
运维·python·docker·容器·ocr·paddlepaddle·gpu
YXWik65 小时前
Linux(centos7)安装 docker + ollama+ deepseek-r1:7b + Open WebUI(内含一键安装脚本)
linux·docker·ai
鹿先森AI探索之路12 小时前
本地部署Dify教程
人工智能·docker·ai
贺贺丿15 小时前
Docker4-容器化企业级应用
linux·nginx·docker·云原生·eureka·tomcat·ssh
NorthCastle16 小时前
Dockerfile 文件及指令详解
docker·指令·dockerfile
Linux运维技术栈16 小时前
从零构建 Node20+pnpm+pm2 环境镜像:基于 Dockerfile 的两种方案及持久化配置指南
运维·docker·容器
chen1108____19 小时前
用 Docker 一键部署 Flask + Redis 微服务
redis·docker·flask
菜鸟是大神1 天前
【已解决】docker: Error response from daemon: Get “https://registry-1.docker.io/v2/“: net/http: request c
http·docker·容器
kong@react1 天前
docker安装 Elasticsearch、Kibana、IK 分词器
elasticsearch·docker·jenkins
MurphyStar1 天前
Ubuntu22.04.5 LTS安装与使用Docker
运维·docker·容器