1. Casa
  2. Suggerimenti:
  3. Problema con l'immagine SVG animata
  1. Casa
  2. Troubleshooting
  3. Problema con l'immagine SVG animata

Problema con l'immagine SVG animata

Il problema

Quando aggiungo immagini SVG animate al mio sito, queste non si animano.

La causa

Quando aggiungi un'immagine SVG al contenuto del tuo sito in formato Blocs, viene in genere aggiunto come tag immagine HTML standard (image Bric). Le immagini SVG animate di solito hanno codice aggiuntivo al loro interno, questo codice aggiuntivo non verrà eseguito dal browser, quando l'immagine SVG viene caricata come immagine statica standard.

La Soluzione

Apri la tua immagine SVG con l'editor di testo di tua scelta e copia tutto il contenuto del codice dall'interno del file SVG. All'interno di Blocs aggiungere un Widget del codice alla tua pagina e fai attenzione a disabilitare la funzione di anteprima in-app del widget del codice. Ora fai doppio clic sul widget del codice nell'area di disegno e incolla il codice SVG nella finestra di input del codice che viene visualizzata.

Ora, quando visualizzi l'anteprima del tuo sito utilizzando il Blocs nell'app modalità anteprima, l'immagine SVG si animerà come previsto.

Aggiornato su 13th maggio 2020

questo articolo è stato utile?

Articoli Correlati