开源一体化白板工具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 小时前
CentOS系统指定版本Docker与Docker-Compose在线安装教程
docker·容器·centos
包达叔2 小时前
dockercompose文件仓库
docker
李菠菜6 小时前
Kubernetes上通过Helm部署高可用Redis集群
docker·容器·kubernetes
李菠菜6 小时前
修改KubeSphere外网访问端口
docker·容器·kubernetes
福大大架构师每日一题6 小时前
docker v28.1.1 正式发布!修复关键Bug,网络与安全性再升级
网络·docker·bug
一个小坑货7 小时前
Docker 部署 PostgreSQL 数据库
数据库·docker·postgresql
残轩8 小时前
Win10 家庭版 Docker 环境搭建详解(基于 WSL2)
前端·后端·docker
David爱编程8 小时前
90%工程师都踩过的坑:K8s三种探针最佳组合方案全解析
docker·云原生·kubernetes
davysiao8 小时前
基于 CentOS 的 Docker Swarm 集群管理实战指南
linux·docker·centos
Archie_IT9 小时前
Puter部署指南:基于Docker的多功能个人云平台掌控自己的数据
运维·docker·容器