一体化白板！一款开源的白板工具！

村上英明

在日常工作中，我们常常需要使用到白板工具，用于作图，生成思维导图、流程图等来辅助工作。

今天，给大家介绍一款开源的白板工具，支持多种类型图！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

drawnix —— 一款开源的、基于 React 实现的白板工具（SaaS），实现一体化白板功能，包含自由画、思维导图、流程图等。

功能特色：

• 白板功能：支持无限画布，支持缩放、滚动操作，提供画笔进行自由绘画
• 编辑特性：提供撤销、重做、复制、粘贴等常见编辑功能
• 导入导出：支持导入导出功能，还支持导出画布为图片
• 自动保存：实时自动将画布内容保存到浏览器缓存中，防止数据丢失
• 思维导图和流程图：支持绘制思维导图和流程图，满足不同的可视化需求
• 主题模式：提供多种画布主题模式
• 插件功能：提供 Mermaid 语法转流程图和 Markdown 文本转思维导图的插件功能

工具截图

• 自由画布

• 流程图

• 思维导图

• Mermaid 语法转流程图

• Markdown 文本转思维导图

• 其他主题模式

本地开发

依赖 Node.js 环境。

1、下载源码

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

2、进入项目目录并安装依赖

cd drawnix
npm install

3、启动服务

npm run start

4、服务启动成功后，浏览器访问

http://localhost:7200/

5、打包部署

npm run build

将打包好的 dist 文件夹上传到服务器，并使用 Nginx 进行部署。

可以说，drawnix 是一个功能丰富、开源免费的白板工具，具有良好的可扩展性和用户体验。快去试试吧~

项目地址：https://github.com/plait-board/drawnix

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网站，进行在线浏览：

https://chencoding.top:8090/#/

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。

但是任何人在群里打任何广告，都会被 T 掉。

如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：

关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

---

来源：https://www.cnblogs.com/codechen8848/p/18871689