https://github.com/pipipi-pikachu/svgpathcreator
SVG路径编辑丨SVG path editor
https://github.com/pipipi-pikachu/svgpathcreator
react svg svg-editor svg-path svg-path-creator svg-path-editor
Last synced: about 1 year ago
JSON representation
SVG路径编辑丨SVG path editor
- Host: GitHub
- URL: https://github.com/pipipi-pikachu/svgpathcreator
- Owner: pipipi-pikachu
- Created: 2021-12-10T01:58:37.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-08-13T14:27:20.000Z (almost 4 years ago)
- Last Synced: 2025-03-25T07:41:38.319Z (over 1 year ago)
- Topics: react, svg, svg-editor, svg-path, svg-path-creator, svg-path-editor
- Language: TypeScript
- Homepage: https://pipipi-pikachu.github.io/svgPathCreator/
- Size: 3.53 MB
- Stars: 56
- Watchers: 4
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SVG 路径生成器
> 用来绘制 SVG 路径的小工具：https://pipipi-pikachu.github.io/svgPathCreator/
## 📚 功能
- 绘制 SVG 路径；
- 导出 SVG 文件；
- 复制 SVG 路径数据；
## 📐 使用方法
- 网格上打开右键菜单：追加点或追加新路径；
- 在网格中双击：在当前路径上追加一个点（直线连接）；
- 在网格中双击（按住 Ctrl键）：追加新路径；
- 按下空格键拖拽网格：移动编辑区域；
- 点击路径中的点：选中该点/路径；
- 拖拽路径中的点：移动该点；
- Delete / Backspace：删除选中的点（除路径起始点外）；
- 右上角切换路径类型：更改选中的点与上一个点的连接方式，展开可查看和修改具体数据（除路径起始点外）；
- 右下角可进行画布设置、辅助网格设置、路径样式设置、填充样式设置、复制路径、下载文件；