SVG路径在线编辑器
可视化拖拽锚点绘制矢量路径,贝塞尔曲线调整,一键生成SVG path代码,本地浏览器渲染,制作网页图标、装饰图形
绘图操作面板
快速预设图形
画布预览与SVG代码
工具使用说明
- 移动锚点模式:直接拖动画布上红色锚点修改图形轮廓
- 增加锚点模式:点击画布空白区域添加新路径节点,快速拓展svg图形
- 删除锚点模式:点击红色节点移除锚点,精简path路径代码
- 蓝色控制点用于调整贝塞尔曲线弧度,制作平滑矢量曲线
- 绘制完成后复制下方SVG代码,直接用于前端页面、图标素材、css背景图形
- 全部图形计算在本地浏览器运行,矢量数据不会上传到服务器,保护设计素材