Visionneuse Vector Drawable

Utilisation

Collez le XML VectorDrawable à gauche, ou utilisez Exemple / Ouvrir un fichier. L’aperçu se met à jour en tapant.
Arrière-plan, zoom, RTL, teinte et couleur de thème ne changent que l’aperçu. Le XML source reste intact.
Copiez ou enregistrez le SVG, ou enregistrez un PNG. Rien n’est envoyé au serveur.

Entrée, sortie, limites

L’entrée est du XML VectorDrawable ou un fichier .xml. La sortie est un aperçu SVG en direct et un export SVG/PNG. animated-vector n’affiche que le <vector> statique interne. @color/?attr sont résolus vers la couleur de thème. Les brouillons restent 30 jours dans le stockage local de cet appareil.

Exemple

L’exemple officiel de batterie en charge — <vector> avec un <group> tourné et <path android:fillColor="#AARRGGBB"> — s’affiche comme une icône inclinée.

Syntaxe 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 appliqués aux enfants
<clip-path> : recadre le dessin du même groupe
Couleurs : #RGB / #ARGB / #RRGGBB / #AARRGGBB. Android met l’alpha en premier.
Dégradés linéaires et radiaux API 24+ via aapt:attr. Sweep approximé/averti.
Les attributs de thème comme ?attr/colorControlNormal utilisent la couleur de thème.

FAQ

Le XML est-il envoyé au serveur ?

Non. Collage, fichiers, aperçu et export restent dans le navigateur. Les brouillons uniquement sur cet appareil.

AnimatedVectorDrawable est-il lu ?

Non. Seul le <vector> statique dans <animated-vector> est dessiné. Pas de lecture ObjectAnimator.

Pourquoi la couleur est-elle fausse ?

fillColor Android est #AARRGGBB (alpha d’abord), pas #RRGGBBAA SVG. @color et ?attr ne se résolvent pas sans ressources projet, donc couleur de thème.