在线 SVG 路径编辑器,可视化拖拽锚点与贝塞尔控制柄编辑 path 数据,实时预览矢量图形并导出 SVG 代码;浏览器本地运行,免费无需安装。
M 移动到 · L 直线 · H 水平线 · V 垂直线Q 二次贝塞尔 · C 三次贝塞尔 · A 弧线 · Z 闭合先填写或调整「路径数据 (d 属性)」,再使用「应用路径」完成操作。可先用「路径数据 (d 属性)」中的示例 「M 20 80 Q 100 20 180 80 T 180 180」熟悉输入格式,再替换成自己的数据。
SVG 主要描述矢量图形,缩放时可重新绘制;PNG 等位图保存固定数量的像素。将 SVG 转成位图时,导出的宽高决定像素尺寸,后续放大仍可能模糊。
SVG 可能引用本机未安装的字体、远程图片或外部样式。浏览器的跨域与资源加载限制会影响预览和导出;需要可移植文件时应检查这些依赖,并在目标环境重新打开结果。
输入框中的示例为 「M 20 80 Q 100 20 180 80 T 180 180」,对应「路径数据 (d 属性)」。先保持示例的格式、分隔符和单位,确认页面能够处理后,再逐项替换为实际内容;输出用于其他软件时还需检查目标软件支持的格式。
核对色值、尺寸、字体和导出格式。屏幕显示、浏览器渲染与印刷效果可能不同;应在最终使用的背景、设备或设计软件中再检查。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接,以及带外部地址的内容预览仍可能产生网络请求;“本地处理”并不表示整个网页完全没有网络活动。
先检查「路径数据 (d 属性)」是否完整,以及格式、单位和当前选项是否匹配。重新执行「应用路径」,查看页面的结果或错误提示;可先用少量数据定位问题。
文字转 SVG 路径 · 波浪 SVG 生成器 · Blob 形状生成器 · 裁剪路径生成器 · 全部设计工具