Tempel XML VectorDrawable Android untuk pratinjau SVG instan. Merender path, group, clip-path, gradien, dan tint di peramban, lalu ekspor SVG atau PNG.

Tampilan
Latar
Zoom
Warna tema
Tint
Baris: 0 Kolom: 0 Pilihan: 0 karakter
Pratinjau

Cara pakai

  • Tempel XML VectorDrawable di kiri, atau gunakan Contoh / Buka file. Pratinjau diperbarui saat mengetik.
  • Latar, zoom, RTL, tint, dan warna tema hanya mengubah pratinjau. XML sumber tetap sama.
  • Salin atau simpan SVG, atau simpan PNG. Tidak ada unggahan.

Masukan, keluaran, batas

Masukan adalah XML VectorDrawable atau file .xml. Keluaran adalah pratinjau SVG langsung plus ekspor SVG/PNG. animated-vector hanya merender <vector> statis di dalamnya. @color/?attr diselesaikan ke warna tema. Draf disimpan 30 hari di penyimpanan lokal perangkat ini.

Contoh

Contoh baterai mengisi resmi — <vector> dengan <group> yang diputar dan <path android:fillColor="#AARRGGBB"> — dipratinjau sebagai ikon miring.

Sintaks 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 pada anak
  • <clip-path>: memotong gambar dalam grup yang sama
  • Warna: #RGB / #ARGB / #RRGGBB / #AARRGGBB. Android menaruh alpha di depan.
  • Gradien linear dan radial API 24+ lewat aapt:attr. Sweep didekati/diperingatkan.
  • Atribut tema seperti ?attr/colorControlNormal memakai warna tema.

FAQ

Apakah XML diunggah?
Tidak. Tempel, file, pratinjau, dan ekspor tetap di peramban. Draf hanya di perangkat ini.
Apakah AnimatedVectorDrawable diputar?
Tidak. Hanya <vector> statis di dalam <animated-vector> yang digambar. ObjectAnimator tidak didukung.
Mengapa warnanya salah?
fillColor Android adalah #AARRGGBB (alpha di depan), bukan #RRGGBBAA SVG. @color dan ?attr tanpa sumber proyek memakai warna tema.