Drawnix:一款免费开源的白板工具,支持思维导图、流程图、手绘图

Drawnix 是一款免费开源、简单易用的在线白板工具,支持创建思维导图、流程图、自由画等功能,旨在通过简洁的界面和强大的扩展性满足个人与团队的多样化绘图需求。

Drawnix 源代码托管在 GitHub:

https://github.com/plait-board/drawnix

功能特性

  • 💯 免费 + 开源,开箱即用,二次开发和私有化部署;
  • ⚒️ 支持思维导图、流程图;
  • 🖌 自由画笔,形状(矩形、圆形、三角形、菱形等)、线条、文字工具;
  • 😀 插入图片,Iconfont 表情;
  • 🚀 基于插件机制,支持多种 UI 框架(Angular、React),能够集成不同富文本框架(Slate);
  • 🖼️ 📃 导出为图片(PNG、JPG)、JSON(.drawnix);
  • 💾 自动保存:内容自动存储于浏览器缓存,避免数据丢失;
  • ⚡ 编辑特性:撤销、重做、复制、粘贴等;
  • 🌌 无限画布:可以自由缩放、滚动;
  • 🎨 主题模式:默认、缤纷、柔和、复古、暗夜、星空;
  • 📱 跨平台适配:兼容桌面和移动设备,响应式设计确保移动端操作体验;
  • 📈 支持 Mermaid 语法转换为流程图,简化结构化绘图流程;
  • ✨ 支持 Markdown 文本转换为思维导图。

在线使用

Drawnix 提供了一个在线应用,可以通过浏览器直接访问:

https://drawnix.com/

下载安装

Drawnix 支持本地安装,使用 Docker 进行部署的命令如下:

bash 复制代码
docker pull pubuzhixing/drawnix:latest

docker run -d \
   --restart always  \
   --name drawnix \
   -p 7200:80 \
  pubuzhixing/drawnix

运行服务之后,在浏览器中输入以下地址进行访问:

bash 复制代码
http://127.0.0.1:7200/
相关推荐
蓝斯4973 小时前
[原创]《C#高级GDI+实战:从零开发一个流程图》第章:增加贝塞尔曲线,上、下、左、右连接点
java·c#·流程图
半夢半醒114 小时前
[原创]《C#高级GDI+实战:从零开发一个流程图》第章:增加菱形、平行四边形、圆角矩形,文本居中显示
算法·c#·流程图
weixin_429615992 天前
快速生成流程图
人工智能·chatgpt·aigc·流程图
官乐3 天前
流程图绘制指南(GitMand为例)
流程图
张反手7 天前
一张 Agent 执行流程图
流程图
SunShaoLu7 天前
实测7款思维导图工具图片导出能力:PNG/SVG/PDF全支持,附选型指南
职场和发展·效率工具·思维导图
会周易的程序员11 天前
Mermaid Renderer:一款的图表可视化小工具
前端·vue.js·流程图·mermaid
Ai拆代码的曹操14 天前
生产排障第一步:架构图、业务图、流程图画法详解
架构·流程图
特立独行的猫a17 天前
Markmap 入门到精通:从一段 Markdown 到一张可交互思维导图
markdown·工具·思维导图·markmap
weixin_4441874818 天前
交易盈利模式流程图
流程图