做了一个绘图软件,支持手绘风格和矢量风格两种,目前已经实现功能:
1. 图形绘制:支持矩形、圆角矩形、菱形、圆形、直线、箭头和文本。
2. 选择与多选:支持单击选择、框选、全选、批量移动和批量缩放。
3. 图形变换:支持拖拽移动、八方向缩放和中心旋转。
4. 连线编辑:支持端点、途经点、箭头和图形锚点;图形移动后连线会同步更新。
5. 文本编辑:双击文本或含文本的图形即可进入编辑状态。
6. 样式面板:支持描边颜色、宽度、规整/手绘描边、填充颜色、透明度以及纯色和 手绘填充。
7. 操作历史:创建、删除、移动、缩放、旋转及属性修改均可撤销和重做。
8. 画布导航:支持滚轮平移、快捷横向滚动、中心缩放以及空格拖拽画布。
9. 数据导入导出:可将当前画布导出为 ShapeData JSON,也可从 JSON 恢复画布。
10. 多语言界面:支持简体中文和英文,浏览器标题会随语言切换同步更新。
后面想接入后端搞实时存储、AI 生图、人机协同修改
有人想一起搞吗
1. 图形绘制:支持矩形、圆角矩形、菱形、圆形、直线、箭头和文本。
2. 选择与多选:支持单击选择、框选、全选、批量移动和批量缩放。
3. 图形变换:支持拖拽移动、八方向缩放和中心旋转。
4. 连线编辑:支持端点、途经点、箭头和图形锚点;图形移动后连线会同步更新。
5. 文本编辑:双击文本或含文本的图形即可进入编辑状态。
6. 样式面板:支持描边颜色、宽度、规整/手绘描边、填充颜色、透明度以及纯色和 手绘填充。
7. 操作历史:创建、删除、移动、缩放、旋转及属性修改均可撤销和重做。
8. 画布导航:支持滚轮平移、快捷横向滚动、中心缩放以及空格拖拽画布。
9. 数据导入导出:可将当前画布导出为 ShapeData JSON,也可从 JSON 恢复画布。
10. 多语言界面:支持简体中文和英文,浏览器标题会随语言切换同步更新。
后面想接入后端搞实时存储、AI 生图、人机协同修改
有人想一起搞吗
展开
13
2
![[偷笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_20.7a46372.png)
![[大笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_55.74ed629.png)