Visor de Vector Drawable

Uso

Pega XML VectorDrawable a la izquierda o usa Ejemplo / Abrir archivo. La vista previa se actualiza al escribir.
Fondo, zoom, RTL, tinte y color de tema solo cambian la vista previa. El XML original no se modifica.
Copia o guarda SVG, o guarda PNG. Nada se sube al servidor.

Entrada, salida, límites

La entrada es XML VectorDrawable o un archivo .xml. La salida es una vista previa SVG en vivo y exportación SVG/PNG. animated-vector solo renderiza el <vector> estático interior. @color/?attr se resuelven al color de tema. Los borradores permanecen 30 días en el almacenamiento local de este dispositivo.

Ejemplo

El ejemplo oficial de batería en carga — <vector> con un <group> rotado y <path android:fillColor="#AARRGGBB"> — se previsualiza como un icono inclinado.

Sintaxis 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 aplicados a los hijos
<clip-path>: recorta el dibujo del mismo grupo
Colores: #RGB / #ARGB / #RRGGBB / #AARRGGBB. Android pone el alfa primero.
Degradados lineales y radiales API 24+ vía aapt:attr. Sweep se aproxima/avisa.
Atributos de tema como ?attr/colorControlNormal usan el color de tema.

Preguntas frecuentes

¿Se sube el XML al servidor?

No. Pegar, archivos, vista previa y exportación se quedan en el navegador. Los borradores solo en este dispositivo.

¿Se reproduce AnimatedVectorDrawable?

No. Solo se dibuja el <vector> estático dentro de <animated-vector>. No hay reproducción de ObjectAnimator.

¿Por qué el color es distinto?

fillColor de Android es #AARRGGBB (alfa primero), no #RRGGBBAA de SVG. @color y ?attr no se resuelven sin recursos del proyecto, así que usan el color de tema.