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

在日常工作中，我们常常需要使用到白板工具，用于作图，生成思维导图、流程图等来辅助工作。
今天，给大家介绍一款开源的白板工具，支持多种类型图！

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

项目介绍

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

功能特色：

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

工具截图

• 自由画布
  

• 流程图
  

• 思维导图
  

• Mermaid 语法转流程图
  

• Markdown 文本转思维导图
  

• 其他主题模式
  

本地开发

依赖 Node.js 环境。

1、下载源码

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

复制代码

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

1. cd drawnix
2. npm install

复制代码

3、启动服务

1. npm run start

复制代码

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

1. http://localhost:7200/

复制代码

5、打包部署

1. npm run build

复制代码

将打包好的 dist 文件夹上传到服务器，并使用 Nginx 进行部署。
可以说，drawnix 是一个功能丰富、开源免费的白板工具，具有良好的可扩展性和用户体验。快去试试吧~

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

复制代码

最后

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

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

复制代码

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

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

复制代码

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。
但是任何人在群里打任何广告，都会被 T 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：
关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

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

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！