Open source
La mentalità di un motore browser, portata negli SVG di Flutter.
Denis ha creato e mantiene full_svg_flutter, un runtime di rendering autonomo per i team che hanno bisogno che gli asset SVG esistenti restino SVG dentro Flutter.
Snapshot pubblico · 17 agosto 2026
01 · Problem
L'asset funziona nel browser. In Flutter, l'animazione sparisce.
Molte pipeline colmano quel divario convertendo l'asset in Lottie, Rive, GIF, WebP o codice di animazione Flutter custom. Sono strumenti validi – ma la conversione è il costo sbagliato quando l'SVG è già la fonte di verità.
02 · Engine
Un unico motore che preserva il DOM, per SVG statici e animati
Il package analizza il modello del documento, il CSS, i tempi, i filtri, il testo e lo stato di interazione, poi disegna dentro Flutter. Gli export SVGator guidati da JavaScript girano su un motore QuickJS incluso nel package; gli SVG senza script non pagano alcun costo di avvio JavaScript.
03 · Runtime
Cosa copre il runtime
- Geometria statica, gradienti, pattern, clipping e maschere
- Animazioni SMIL e CSS @keyframes
- Path morphing, motion path e controllo della riproduzione
- Tutte le 17 primitive di filtro SVG
- Rich text, textPath, bidi/RTL e metadati di accessibilità
- JavaScript inline ed export SVGator
- API statica compatibile con flutter_svg per una migrazione graduale
- Android, iOS, macOS, Windows e Linux
04 · Demo
Un solo file SVG. Qui l'animazione nativa del browser; nel package, il rendering nativo di Flutter.
Questa pagina mostra nel browser l'asset SVG animato del progetto stesso. In un'applicazione Flutter, full_svg_flutter renderizza lo stesso formato sorgente dentro Flutter, senza WebView né passaggi di conversione.
Un percorso di migrazione pratico
L'uso statico esistente di SvgPicture spesso migra cambiando solo un import. FSvgPicture rileva da solo i marcatori di animazione, mentre AnimatedSvgController aggiunge pausa, seek, velocità, direzione e controllo delle view SVG quando il prodotto ne ha bisogno.
05 · Runtime stack
Documentazione dei runtime nati da casi limite reali.
Articoli tecnici
Il problema: in Flutter il supporto SVG è di solito statico
Una spiegazione pratica del divario di rendering, dei workaround più comuni, del controllo della riproduzione, dei trade-off sulle prestazioni e di quando tenere l'SVG come SVG è la scelta giusta.
Leggi l'approfondimento tecnico (si apre in una nuova scheda)Contatti
Devi costruire, modernizzare o sbloccare un prodotto digitale?
Raccontami il vincolo reale – web, mobile, delivery del team o un workflow AI che deve diventare pronto per la produzione.
Parliamo del progetto