Suika, an open-source vector graphics editor based on Canvas, similar to Figma.
西瓜牌图形编辑器,一款开源的基于 Canvas 实现的矢量图形编辑器,类似 Figma。
- Graphics editing
- Tools: select, rectangle, ellipse, line, path, text, hand...
- Zoom, arrange, align, fill, stroke...
- KeyBinding, copy / paste
- Pixel grid, Snap to pixiel grid, ruler
- History: undo / Redo
- Localization (i18n)
pnpm install
pnpm run dev
pnpm all:build
The target output folder is packages/suika/build
.
编辑器内核的类结构设计:
https://f5b8b9lm1y.feishu.cn/mindnotes/DgJRb2GpGmdGdKnfl3rcJzw6n5e#mindmap
建了个图形编辑器交流的 微信群。
如果你是做图形编辑器开发或是感兴趣的,可以加我微信 frstars,备注 “图形群”,我拉你进群。
Some Chinese language articles on how to develop a graphic editor.
如果你想学习如何开发 Web 图形编辑器,看这个文章合集:链接
另外可以关注我的公众号,持续更新图形编辑器相关文章。