基于 React 开发的素描风格手绘白板——Excalidraw
特性
Excalidraw 编辑器（npm 包）支持：
-
免费且开源 -
无限的、基于画布的白板 -
类似手绘的风格 -
黑暗模式 -
可定制 -
图片支持 -
形状库支持 -
本地化（i18n）支持 -
导出为 PNG、SVG 和剪贴板 -
开放格式 -
将图纸导出为.excalidrawjson 文件 -
多种工具 – 矩形、圆形、菱形、箭头、线条、自由绘制、橡皮擦… -
箭头绑定和标记箭头 -
撤消/重做 -
缩放和平移支持
Excalidraw.com
excalidraw.com上托管的应用程序是可以使用 Excalidraw 构建内容的最小展示。它的源代码也是该存储库的一部分，并且该应用程序具有以下功能：
-
PWA 支持（离线工作） -
实时协作 -
端到端加密 -
本地优先支持（自动保存到浏览器） -
可共享链接（导出到可以与其他人共享的只读链接）
以后我们可以添加这些功能作为 npm 包的嵌入式插件。
本地安装
环境要求
Node.js
Yarn (v1 or v2.4.2+)
Git
下载项目
git clone https://github.com/excalidraw/excalidraw.git
安装启动
yarn
yarn start
访问 http://localhost:3000 即可开始。
在项目中使用
使用 npm 或者 yarn 安装：
npm install react react-dom @excalidraw/excalidraw
yarn add react react-dom @excalidraw/excalidraw
使用教程：
https://www.npmjs.com/package/@excalidraw/excalidraw
项目展示
素材库
libraries.excalidraw.com 上提供多种包含绘图资源的库，无需登录即可添加
传送门
开源协议：MIT
开源地址：https://github.com/excalidraw/excalidraw
项目合集：https://github.com/RepositorySheet
-END-
原文始发于微信公众号（开源技术专栏）：用于素描手绘图表的虚拟白板，支持协作和端到端加密
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/166788.html
