Просмотр Vector Drawable

Как пользоваться

Вставьте XML VectorDrawable слева или используйте Пример / Открыть файл. Предпросмотр обновляется при вводе.
Фон, масштаб, RTL, оттенок и цвет темы меняют только предпросмотр. Исходный XML не меняется.
Копируйте или сохраняйте SVG, либо PNG. Ничего не загружается на сервер.

Ввод, вывод, ограничения

Ввод — XML VectorDrawable или файл .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 альфа идёт первой.
Линейные и радиальные градиенты API 24+ через aapt:attr. Sweep приближается/предупреждается.
Атрибуты темы вроде ?attr/colorControlNormal рисуются цветом темы.

Частые вопросы

XML загружается на сервер?

Нет. Вставка, файлы, предпросмотр и экспорт остаются в браузере. Черновики только на этом устройстве.

Проигрывается ли AnimatedVectorDrawable?

Нет. Рисуется только статический <vector> внутри <animated-vector>. ObjectAnimator не поддерживается.

Почему цвет другой?

fillColor Android — #AARRGGBB (альфа сначала), не SVG #RRGGBBAA. @color и ?attr без ресурсов проекта используют цвет темы.