Open source
Myślenie jak silnik przeglądarki, przeniesione do SVG we Flutterze.
Denis stworzył i rozwija full_svg_flutter – samodzielny runtime renderujący dla zespołów, które potrzebują, by istniejące assety SVG pozostały SVG również we Flutterze.
Publiczna wersja · stan na 17 sierpnia 2026
01 · Problem
W przeglądarce asset działa. We Flutterze animacja znika.
Wiele pipeline'ów łata tę lukę konwersją do Lottie, Rive, GIF, WebP albo ręcznie pisanej animacji we Flutterze. To bywają dobre narzędzia – ale konwersja to zły koszt, kiedy SVG jest już źródłem prawdy.
02 · Engine
Jeden silnik zachowujący DOM dla statycznych i animowanych SVG
Pakiet parsuje model dokumentu, CSS, timing, filtry, tekst i stan interakcji, a potem rysuje bezpośrednio we Flutterze. Eksporty SVGator sterowane JavaScriptem działają na dołączonym silniku QuickJS; SVG bez skryptów nie płacą kosztu startu JavaScriptu.
03 · Runtime
Co obejmuje runtime
- Statyczna geometria, gradienty, wzory (patterns), przycinanie i maski
- Animacje SMIL i CSS @keyframes
- Path morphing, motion paths i kontrola odtwarzania
- Wszystkie 17 prymitywów filtrów SVG
- Tekst formatowany, textPath, bidi/RTL i metadane dostępności
- Inline JavaScript i eksporty SVGator
- Statyczne API zgodne z flutter_svg i ścieżka migracji
- Android, iOS, macOS, Windows i Linux
04 · Demo
Jeden plik SVG. Tutaj natywna animacja przeglądarki; w pakiecie natywny rendering Fluttera.
Ta strona wyświetla w przeglądarce własny animowany asset SVG projektu. W aplikacji Flutter full_svg_flutter renderuje ten sam format źródłowy bezpośrednio we Flutterze – bez WebView i bez konwersji.
Praktyczna ścieżka migracji
Istniejące statyczne użycia SvgPicture często wystarczy przenieść zmianą importu. FSvgPicture sam wykrywa znaczniki animacji, a AnimatedSvgController dodaje pauzę, seek, tempo, kierunek i sterowanie widokami SVG, gdy produkt tego potrzebuje.
05 · Runtime stack
Dokumentacja runtime'ów, które powstały z prawdziwych przypadków brzegowych.
Artykuły techniczne
Problem: obsługa SVG we Flutterze jest zwykle statyczna
Praktyczne omówienie luki w renderowaniu, typowych obejść, kontroli odtwarzania, kompromisów wydajnościowych i tego, kiedy zachowanie SVG jako SVG jest właściwym wyborem.
Przeczytaj analizę techniczną (otwiera się w nowej karcie)Kontakt
Chcesz zbudować, zmodernizować albo odblokować produkt cyfrowy?
Przyjdź z prawdziwym problemem – web, mobile, delivery zespołu albo workflow AI, który ma dojrzeć do produkcji.
Porozmawiajmy o projekcie