Convertire SVG in VectorDrawable per Android

Convertire SVG in VectorDrawable per Android

Android, per le icone o come risorse grafiche in generale, dispone anche dei cosidetti VectorDrawable in formato XML.

SVG (Scalable Vector Graphics) è un formato molto simile, in quanto si basa anch'esso su XML.

Quindi, possiamo convertire l'SVG in un VectorDrawable, in modo riutilizzare eventuali risorse grafiche a disposizione.

Solo che la conversione manuale richiede buone conoscenze di entrambi i formati.

Girovagando, però, ho trovato una pagina web che ci converte il tutto in maniera veloce: svg2android!

Quello che dovete fare è aprire la pagina web e caricare il file SVG; comparirà l'output in formato vector per Android.

Ad esempio, questo SVG:

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

Diventerà così:

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="100dp"
    android:height="100dp"
    android:viewportWidth="100"
    android:viewportHeight="100">

    <path
        android:fillColor="#ffff00"
        android:strokeColor="#008000"
        android:strokeWidth="4"
        android:pathData="M 50 10 C 72.0913899932 10 90 27.9086100068 90 50 C 
90 72.0913899932 72.0913899932 90 50 90 C 27.9086100068 90 10 72.0913899932 
10 50 C 10 27.9086100068 27.9086100068 10 50 10 Z" />
</vector>

E' consigliato l'uso di Chrome / Chromium, anche se Firefox non mi ha dato grossi problemi.

Enjoy!




Share

Commentami!

About Mattepuffo.com

Blog dedicato all'informatica e alla programmazione!
Tutti i contenuti di questo blog, tranne casi particolari, sono sotto licenza Licenza Creative Commons Creative Commons Attribution-Noncommercial-Share Alike 2.5. .

2644 articoli
310 commenti
19 progetti
Altri link
  • About
  • Scrivimi
  • Copyright
  • Sitemap
  • matteo.ferrone@yahoo.it
  • GitHub
  • Privacy Policy