Grafica vettoriale

Relay supporta la traduzione dei livelli vettoriali di Figma nei disegnabili vettoriali di Android.

Diagramma - Livelli vettoriali in VectorDrawable in Immagine

Relay converte i livelli vettoriali Figma in Scalable Vector Graphics (SVG), che vengono poi convertiti in disegni vettoriali. Un disegno vettoriale è una grafica vettoriale definita in un file XML come un insieme di punti, linee e curve con informazioni sui colori associate. Nel codice generato, l'elemento disegnabile vettoriale viene utilizzato come un asset immagine.

L'inoltro attualmente supporta i seguenti attributi di formato vettoriale:

  • Tutti i tipi di vettori (rettangolare, linea, freccia, ellisse, poligono, stella, vettore generico)
  • Riempimento vettoriale (colore a tinta unita, sfumatura lineare, sfumatura radiale)
  • Tratti solidi
  • Riempimento tratto (colore continuo, gradiente lineare, sfumatura radiale)
  • Ampiezza tratto
  • Stile fine tratto
  • Opacità

Limitazioni

Gli attributi specifici dei vettori che non sono attualmente supportati sono:

  • Funzionalità non supportate dal formato VectorDrawable di Android:
    • Immagini bitmap incorporate (tranne i rettangoli, che sono supportati come immagini anziché vettori)
    • Tratti tratteggiati
    • Sfoca
    • Ombre
    • Sequenza
    • Faccina con mascherina
    • Opacità gruppo
    • Punto focale a gradiente radiale
  • Funzionalità non supportate dal formato SVG:
    • Gradienti angolari
    • Gradienti a diamante
  • Operazioni booleane tra oggetti vettoriali (unione / sottrai / intersezione/esclusione)
    • Una soluzione alternativa consiste nel combinare e suddividere in un unico vettore