Android vector pathData SVG在线转换工具 将SVG代码转换为Android Vector

不能直接粘贴，android vectordrawables 严格裁剪 pathdata 语法：不支持 arc、变换、非相对坐标混用、带单位数值及科学计数法；需用 svg2android 等工具转换并手动校验修复。

Android vector pathData 能直接粘贴 SVG 的 d 属性吗？

不能直接粘贴，绝大多数 SVG 的 d 会报错或渲染异常。Android VectorDrawables 对 pathData 语法做了严格裁剪：不支持 arc（A/a）、rotate、matrix 变换、非相对坐标混用，也不接受带单位的数值（如 10px）或科学计数法（1e-3）。

实操建议：

• 先用在线工具（如 svg2android）做基础转换，它会自动降级 A 为多段 C 贝塞尔曲线
• 手动检查输出的 pathData 是否含非法字符——常见错误现象是 App 启动崩溃，报错 android.view.InflateException: Binary xml file line #X: invalid pathData
• 如果原始 SVG 有渐变、滤镜、<use></use> 引用，这些全部丢失，VectorDrawable 不支持

为什么用在线工具转完还要手动修 pathData？

因为工具只解决语法兼容，不处理语义问题。比如 SVG 中一个圆角矩形用 rx/ry 描述，工具会转成 4 段贝塞尔曲线，但可能因控制点精度丢失导致拐角发虚；又比如路径过长（超 2000 字符），某些旧版 Android（5.0–6.0）会静默截断，图标显示为空白。

实操建议：

• 打开转换后的 XML，把 pathData 值粘到编辑器里，用正则 [A-Za-z]s+[d.-eE]+ 扫描是否存在孤立字母后紧跟数字（那是残留的 A 或 a）
• 路径长度超过 1500 字符时，拆成多个 <path></path>，用 android:fillColor 统一填色，避免单路径过大
• 用 android studio 的 Layout Inspector 实时预览，比截图更准——有些路径在预览里正常，运行时却偏移，大概率是 android:viewportWidth/viewportHeight 和原始 SVG 的 viewBox 比例没对齐

哪些 SVG 特性必须提前删掉，否则工具也救不了？

不是所有 SVG 都能转。以下特性在线工具无法降级，必须人工清理原始 SVG 文件再转换：

• <Filter></filter>、<mask></mask>、<clippath></clippath>（VectorDrawable 完全不解析这些标签）
• 带 CSS 类名或 style="..." 的元素（工具通常忽略样式，但可能误读 display:none 导致漏转）
• <text></text> 标签（即使转成路径，字体子集、字距、baseline 偏移全丢失，建议用 Sketch/figma 导出为纯路径）
• 嵌套 <g transform="..."></g>（尤其含 scale 或 skew 的，会导致 pathData 坐标错乱）

推荐用 [SVGOMG](https://jakearchibald.github.io/svgomg/) 先精简 SVG：关掉 “Clean IDs” 和 “Remove title”，但务必打开 “Convert style attributes to presentation attributes” 和 “Remove hidden elements”。

转换后图标变形、居中偏移，怎么快速定位原因？

90% 是 android:viewportWidth/viewportHeight 和 android:width/height 配合不当，或原始 SVG 的 viewBox 被工具错误解析。

实操建议：

• 对比原始 SVG 文件头：找到 viewBox="0 0 24 24"，那么 Vector XML 中 android:viewportWidth="24" 和 android:viewportHeight="24" 必须完全一致
• android:width 和 android:height 决定最终缩放尺寸，但它们只影响布局，不影响绘制逻辑——如果设成 24dp 却看起来很小，说明 viewport 太大，要同比例缩小 viewport 值
• 在 <vector></vector> 根节点加 android:tint="@color/xxx" 测试：如果着色生效，说明路径加载成功；如果着色无效，大概率是 pathData 语法错误导致整个 <path></path> 被跳过

真正麻烦的是路径闭合方向（winding rule）不一致——SVG 默认 nonzero，Android Vector 固定按 evenOdd 解析，镂空区域可能被反向填充。这种没法靠工具修，得进 Inkscape 把布尔运算结果导出为单一路径。