编辑区
SVG 路径编辑器,在画布上可视化绘制与编辑 SVG path 路径数据,内置直线、曲线、心形、星形、波浪等预设,可调描边与填充颜色并实时生成 d 属性代码,纯浏览器运行。
先填写或调整「路径数据」、「描边宽度: 3 px」;修改输入或使用页面控件后查看结果区域。
SVG 主要描述矢量图形,缩放时可重新绘制;PNG 等位图保存固定数量的像素。将 SVG 转成位图时,导出的宽高决定像素尺寸,后续放大仍可能模糊。
SVG 可能引用本机未安装的字体、远程图片或外部样式。浏览器的跨域与资源加载限制会影响预览和导出;需要可移植文件时应检查这些依赖,并在目标环境重新打开结果。
「描边宽度: 3 px」的输入范围为 1~20。请按字段标注的单位输入,先检查超出范围、空值和小数点,再核对结果。
先用最小示例验证,再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接,以及带外部地址的内容预览仍可能产生网络请求;“本地处理”并不表示整个网页完全没有网络活动。
先检查「路径数据」、「描边宽度: 3 px」是否完整,以及格式、单位和当前选项是否匹配。修改输入后,查看页面的结果或错误提示;可先用少量数据定位问题。
SVG 转 Data URI 编码器 · SVG Sprite 生成器 · SVG优化器 · JSON 格式化 · 全部开发工具