Vector-Drawable-Viewer

Verwendung

VectorDrawable-XML links einfügen oder Beispiel / Datei öffnen. Die Vorschau aktualisiert sich beim Tippen.
Hintergrund, Zoom, RTL, Tint und Themenfarbe ändern nur die Vorschau. Das Quell-XML bleibt unverändert.
SVG kopieren/speichern oder PNG speichern. Nichts wird hochgeladen.

Eingabe, Ausgabe, Grenzen

Eingabe ist VectorDrawable-XML oder eine .xml-Datei. Ausgabe ist Live-SVG-Vorschau plus SVG/PNG-Export. animated-vector rendert nur das innere statische <vector>. @color/?attr werden zur Themenfarbe aufgelöst. Entwürfe bleiben 30 Tage im lokalen Speicher dieses Geräts.

Beispiel

Das offizielle Ladeakku-Beispiel — <vector> mit gedrehtem <group> und <path android:fillColor="#AARRGGBB"> — erscheint als gekipptes Symbol.

VectorDrawable-Syntax

<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 auf Kinder
<clip-path>: beschneidet das Zeichnen derselben Gruppe
Farben: #RGB / #ARGB / #RRGGBB / #AARRGGBB. Android setzt Alpha zuerst.
Lineare und radiale Verläufe API 24+ über aapt:attr. Sweep wird angenähert/gewarnt.
Themenattribute wie ?attr/colorControlNormal nutzen die Themenfarbe.

FAQ

Wird XML hochgeladen?

Nein. Einfügen, Dateien, Vorschau und Export bleiben im Browser. Entwürfe nur auf diesem Gerät.

Wird AnimatedVectorDrawable abgespielt?

Nein. Nur das statische <vector> in <animated-vector> wird gezeichnet. Kein ObjectAnimator.

Warum stimmt die Farbe nicht?

Android-fillColor ist #AARRGGBB (Alpha zuerst), nicht SVG #RRGGBBAA. @color und ?attr ohne Projekressourcen nutzen die Themenfarbe.