用法
- 在左侧粘贴 VectorDrawable XML，或使用示例 / 打开文件。预览会随输入更新。
- 背景、缩放、RTL、着色、主题色只影响预览，源 XML 不变。
- 复制或保存 SVG、保存 PNG 均在浏览器中完成，不会上传。
粘贴 Android VectorDrawable XML，立即以 SVG 预览。在浏览器中渲染 path、group、clip-path、渐变和 tint，并可导出 SVG 或 PNG。
视图
背景
缩放
主题色
着色
行: 0
列: 0
选择: 0 字符
预览
输入、输出、限制
输入为 VectorDrawable XML 或 .xml 文件。输出为实时 SVG 预览以及 SVG/PNG 导出。animated-vector 只渲染内部静态 <vector>。@color/?attr 会替换为主题色。草稿保存在本机本地存储 30 天。
示例
官方充电电池示例：<vector> 内带旋转的 <group> 和 <path android:fillColor="#AARRGGBB">，预览为倾斜的电池图标。
VectorDrawable 语法
- <vector>：viewportWidth/Height、width/height (dp)、alpha、tint、autoMirrored
- <path>：pathData、fillColor、fillAlpha、fillType (evenOdd/nonZero)、strokeColor、strokeWidth、strokeLineCap/Join
- <group>：rotation、pivotX/Y、scaleX/Y、translateX/Y 应用到子节点
- <clip-path>：裁剪同一组中的绘制
- 颜色：#RGB / #ARGB / #RRGGBB / #AARRGGBB。Android 的 alpha 在前。
- 支持 API 24+ 线性/径向渐变 (aapt:attr)。sweep 会近似并警告。
- ?attr/colorControlNormal 等主题属性使用主题色绘制。
常见问题
XML 会上传到服务器吗？
不会。粘贴、文件、预览和导出都在浏览器中处理。草稿也只留在本机。
会播放 AnimatedVectorDrawable 吗？
不会。只绘制 <animated-vector> 内的静态 <vector>。不支持 ObjectAnimator 播放。
颜色为什么不对？
Android fillColor 是 #AARRGGBB（alpha 在前），不是 SVG 的 #RRGGBBAA。没有工程资源时，@color 和 ?attr 会使用主题色。
