suika 图形编辑器，一款开源的基于 Canvas 实现的矢量图形编辑器，类似 Figma。
简体中文 | English
- 图形的创建和编辑，包括：圆角矩形、椭圆、线、路径（多段线）、文本、多边形、星形；
- 使用钢笔工具进行路径编辑，调整控制点；
- 丰富的工具：选中工具、绘制图形工具、绘制图形工具、钢笔工具、画布工具、抓手工具；
- 无限画布，可以缩放和拖拽画布；
- 历史记录，可撤销重做；
- 国际化；
- 吸附支持，目前支持像素网格吸附、图形参考线吸附；
- 快捷键；
- 复制粘贴，可跨图纸复制粘贴。对齐、排布；
- 图层面板、属性面板；
- 编组功能、画板功能；
- 多人协同编辑（需要自行实现后端）；
- 标尺功能；
- 导入导出图纸；
- 用户设置；
文档目前尚不完善。
运行项目，需要安装 Node.js（建议官网 LTS 版本），然后用 Node.js 安装 PNPM 包管理器：
npm install -g pnpm进入项目文件根目录，安装依赖
pnpm install开发环境（当文件修改后会自动更新刷新页面）
pnpm run dev目前并没有发布 NPM 包，如果需要二次开发，需要 fork 一份自行修改源码进行修改。
构建生产用部署产物：
pnpm build构建产物在目录：packages/suika/build.
另外，如果你对更宽泛的图形编辑器开感兴趣，也可以加我微信，备注 “图形群”，我拉你进 图形编辑器交流群。
两个群都可以加。
如果你想学习如何系统开发 Web 图形编辑器，可以看我写的 文章合集
可关注我的个人公众号，该公众号会持续更新图形编辑器相关文章。
协同的前端实现逻辑位于 @suika/suika-multiplayer 包，该包拷贝了 @suika/suika（纯客户端），在其基础上加入了多人协同逻辑，比如多人光标，并调用了一些接口，如获取图纸名、当前用户信息。
多人协同基于 yjs 实现，并使用了 hocuspocus 库（对 yjs 的进一步封装）。
如果你要做多人协同，需要 实现后端 Restful 接口服务，这里该包用到的后端接口，并提供 基于 hocuspocus 的 websocket 服务。
此外要实现一个 前端的工作台项目 对图纸进行管理，以支持登录注册、创建图纸、打开图纸、删除图纸、授权等操作。