白板工具天花板？看开源免费的Excalidraw 如何吊打传统画图软件！
还在为画草图、搞线框图烦恼？试试 Excalidraw 吧！这款开源虚拟白板工具不仅功能强大，还自带手绘风格，让你的图表生动又有趣。本文将带你快速了解 Excalidraw 的特色功能及使用方法。
项目简介
Excalidraw 是一个开源的虚拟白板工具，它为用户提供了一个无限制的画布，支持创建手绘风格的图表、流程图和线框图。它的设计非常贴心，不仅可以单人使用，还支持多人实时协作，同时保证数据的端到端加密。
作为一款易用且强大的白板工具，Excalidraw 广泛应用于个人项目和团队协作，是前端开发者、产品经理和设计师们的心头好。
核心特点
Excalidraw 的功能非常丰富，以下是一些亮点：
-
• 无限画布：随便画，不怕“纸”用完。
-
• 手绘风格：专业又不失趣味，逼真模拟手绘效果。
-
• 深色模式：为夜猫子们量身定制。
-
• 多工具支持：矩形、圆形、箭头、自由画线、橡皮擦样样俱全。
-
• 导出选项：支持导出为 PNG、SVG，甚至 JSON 格式，方便共享和存档。
-
• 多语言支持：内置 i18n，全球用户轻松使用。
-
• 协作功能：实时共享，支持生成只读链接。
-
• 离线支持：PWA 应用，随时随地画图。
不仅如此，Excalidraw 的代码库是完全开源的，用户可以轻松将其集成到自己的项目中。
技术架构
Excalidraw 的主要代码使用 TypeScript 编写，技术栈选择精良：
-
• 前端使用 React.js 和 SCSS。
-
• 后端基于现代 Web 技术，支持 PWA 和 Docker 部署。
-
• 提供 npm 包（@excalidraw/excalidraw）便于二次开发。
集成 Excalidraw 只需一行命令：
npm install react react-dom @excalidraw/excalidraw或者使用 Yarn：
yarn add react react-dom @excalidraw/excalidraw部署与使用
你可以直接访问 Excalidraw 官网 使用在线版本，也可以通过 GitHub 下载源码进行本地部署：
GitHub 仓库地址：https://github.com/excalidraw/excalidraw
Excalidraw 的部署相对简单，按官方文档配置环境即可开始开发。
谁在使用？
Excalidraw 已被多家知名公司集成使用，包括但不限于：
-
• Google Cloud
-
• Meta
-
• Notion
-
• HackerRank
-
• Replit
此外，它还拥有 VSCode 插件，让你的代码编辑器变身创意画板！
结语
Excalidraw 是一款简单却功能强大的工具，它的手绘风格让图表制作充满趣味，同时开源的特性也为开发者提供了无限可能。如果你需要一个好用的白板工具，无论是个人项目还是团队协作，Excalidraw 都值得一试！
更多好工具分享，都在群中
推荐阅读
欢迎关注我的公众号“前端新视野brizer”，原创技术文，开源好工具第一时间推送。