Rozmiar zoom suwaka do zaoszczędnej SVG za pomocą uprawy viewBox

Fixkamo-internal
Szycy
11 marca 2026 21:03 UTC
Autor
kamo
Pochęt się
334fbe5

Wewnętrzna transformacja skali Avatar Creator powiększa ciało awatara w SVG Płótno, ale efekt jest niezauważalny w małych rozmiarach wyświetlaczy (np. a) 140x140 Komponent awatarowy). Podgląd był przy użyciu zbędnego CSS Przekształć: scale() aby pokazać zoom, ale CSS nigdy nie jest częścią Zaoszczędził SVG, więc podgląd i zapisane zawsze wyglądały inaczej. Nowe podejście: - Usuń skalę z awatarOptions (bez transformacji wewnętrznej Avatar Creator) - Dodaj aplikacjęViewBoxZoom(), który zmniejsza widok SVG do uprawy centralnej Równoważne z transformacją CSS: skala(N) z przepełnieniem: ukryty — to jest Widoczne na każdym rozmiarze wyświetlacza i przetrwanie, które jest zapisywane dla MinIO - Zastosuj aplikacjęViewBoxZoom w generateAvatar, więc podgląd już SVG Odzwierciedla prawidłowy zoom bez transformacji CSS - Aktualizacja dodatkuBackgroundToSvg, aby odczytać wszystkie cztery wartości viewBox (x, y, w, h) Tak więc remis jest prawidłowo ustawiony po uprawie viewBox

Wszystkie zmiany

Jak to, co widzisz żeglugę?

Każda z tych aktualizacji automatycznie ląduje w miejscu pracy. Zacznij za darmo i obserwuj, jak rośnie tydzień po tygodniu.

Start Free ForeverZobacz ceny