讲师中心 微信公众号

工具推荐

视频效率加速
Laper
Laper

剧本策划到成片协作

Seko
Seko

AI短剧一键生成成片

立刻MV
立刻MV

低成本歌曲 MV、视频生成

updream

一键生成高质量推广成片

Android vector pathData指令 SVG路径语法M L C Z详解

落枫同学_2223

落枫同学_2223

发布时间:2026-03-02 07:21:14

|

1017人浏览过

|

来源于php中文网

原创

pathData中大小写决定坐标基准:大写为绝对坐标(以viewport原点为参考),小写为相对坐标(以上一终点为原点);Z仅闭合至路径首个M点,不关联viewport原点。

android vector pathdata指令 svg路径语法m l c z详解

pathData 指令大小写区别直接影响坐标基准

大写字母(M、L、C、Z)表示绝对坐标,所有数字都以 viewportWidth/viewportHeight 原点(左上角 0,0)为参考;小写(m、l、c、z)是相对坐标,每个点都以前一个终点为原点计算偏移。

容易踩的坑:

  • 混用大小写却不注意上下文起点,比如 M10,10 L20,10 l-5,5 —— 最后一条 l-5,5 是从 (20,10) 出发往左5、下5,落到 (15,15),不是从 (10,10) 算起
  • 误以为 h 或 v 能省略当前 y/x 值:它们只接受一个参数,h20 表示“x 增加 20,y 不变”,不能写成 h20,0
  • Android 不支持 S、Q、T、A 的部分变体(如带旋转的椭圆弧 A 在低版本可能渲染异常),实际项目中优先用 C 拟合圆角

闭合路径 Z 不等于“画线回起点”,而是自动补线+重置起点

Z(或 z)不带任何参数,作用是:从当前点向**该 path 第一个 M 的坐标**画一条直线,并把绘图起点重置为那个 M 点。它不是“回到上一个 M”,而是回到路径定义中第一个显式 M。

常见错误现象:

  • 路径里写了多个 M(比如画两个分离图形),但只在末尾加一个 Z —— 它只会闭合最后一个子路径,前面的 M 开头段不会被闭合
  • 用 m 开头却指望 Z 闭合到 (0,0):错。Z 只认最近的 M,和 viewport 原点无关
  • 想镂空(比如圆环),只写一个 Z 不够:需用 android:fillType="evenOdd" 配合两个嵌套路径(外顺时针 + 内逆时针)

C 指令三个坐标对的顺序和物理意义必须严格对应

C x1,y1 x2,y2 x,y 是三次贝塞尔曲线,共 6 个数字:前两对是控制点,最后一对是终点。控制点不在线上,而是像“磁铁”一样牵引曲线走向。

Android Control
Android Control

通过命令行工具(uiautomator、screencap、input、am)控制安卓设备。优先尝试非 root 执行,失败后自动回退至 root...

下载

实操建议:

  • 别靠脑算——把 pathData 复制进 SVG Viewer 或 CodePen 实时预览,改一个数就看效果
  • Android 对浮点精度敏感,避免写 C1.0,2 3,4.0 5,6 这种混用格式,统一用 C1,2 3,4 5,6 或 C1.0,2.0 3.0,4.0 5.0,6.0
  • 若设计稿是圆角矩形,别硬拆成 4 段 C;用工具导出 SVG 后转 Vector Asset,比手写稳定得多

从设计稿生成 pathData 的推荐链路不是“手写”,而是“导出 → 转换 → 微调”

手动写复杂 pathData 效率低、易出错,尤其含曲线或文字转矢量的场景。真实开发中,95% 以上的图标应走自动化流程。

使用场景与注意事项:

  • Figma/Sketch 导出 SVG → Android Studio 中右键 res → New → Vector Asset → Local file:这是最稳路径,AS 会自动清理冗余指令、归一化坐标
  • 如果 SVG 含渐变、滤镜、text 元素,AS 会报错或静默丢弃——导出前务必在设计工具里“轮廓化文字”、“扁平化效果”
  • 导入后检查 android:viewportWidth 和 android:viewportHeight 是否匹配原始画布尺寸,否则图形会被拉伸或裁切

真正难的不是语法本身,而是 viewport 缩放逻辑和多分辨率下视觉一致性。写错一个 L 顶多图形错位,但 viewport 设错,整个图标在不同屏幕密度上会糊、偏、缩成一团。

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

函子Zion

一款支持AI搭建、可视化编辑和多端发布的全栈无代码开发平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

相关专题

更多
pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

5164

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

6717

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

2642

2024.11.28

android开发三大框架
android开发三大框架

android开发三大框架是XUtil框架、volley框架、ImageLoader框架。本专题为大家提供android开发三大框架相关的各种文章、以及下载和课程。

942

2023.08.14

android是什么系统
android是什么系统

Android是一种功能强大、灵活可定制、应用丰富、多任务处理能力强、兼容性好、网络连接能力强的操作系统。本专题为大家提供android相关的文章、下载、课程内容,供大家免费下载体验。

2827

2023.08.22

android权限限制怎么解开
android权限限制怎么解开

android权限限制可以使用Root权限、第三方权限管理应用程序、ADB命令和Xposed框架解开。详细介绍:1、Root权限,通过获取Root权限,用户可以解锁所有权限,并对系统进行自定义和修改;2、第三方权限管理应用程序,用户可以轻松地控制和管理应用程序的权限;3、ADB命令,用户可以在设备上执行各种操作,包括解锁权限;4、Xposed框架,用户可以在不修改系统文件的情况下修改应用程序的行为和权限。

5737

2023.09.19

android重启应用的方法有哪些
android重启应用的方法有哪些

android重启应用有通过Intent、PendingIntent、系统服务、Runtime等方法。本专题为大家提供Android相关的文章、下载、课程内容,供大家免费下载体验。

745

2023.10.18

Android语音播放功能实现方法
Android语音播放功能实现方法

实现方法有使用MediaPlayer实现、使用SoundPool实现两种。可以根据具体的需求选择适合的方法进行实现。想了解更多语音播放的相关内容,可以阅读本专题下面的文章。

984

2024.03.01

Go-Zero API开发使用教程
Go-Zero API开发使用教程

本专题聚焦Go-Zero的API开发,拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则,说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式,并给出网关聚合与接口测试的实践建议。

40

2026.11.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 45.7万人学习

Java 教程
Java 教程

共578课时 | 199.3万人学习

Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共64课时 | 9.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn