Widget #1 (#pragmago)
Widget #2 (#pragmago-b) — mirror
PARTNER CUSTOM HTML (TEST CALLBACK)
LOADING WIDGET DATA...
OBLICZ RATY
OTWÓRZ FORMULARZ
AKTUALNE DANE
NOWE DANE
MOCK DATA
☰
PragmaCash
Widget Test Suite
Partner widget
Custom HTML
Direct
Direct widget
CURRENT: PARTNER WIDGET
język
🇵🇱 pl
🇷🇴 ro
🇨🇿 cs
🇸🇰 sk
🇬🇧 en
🇪🇸 es
🇭🇷 hr
— inicjalizacja —
Nadpisz adresy backendu (4h)
partner
direct
Zapisz i przeładuj
Resetuj do auto
⚠️ NOT INITIALIZED
🚀 Zainicjalizuj
🔄 Re-init
auto
⚠️ Brak wymaganych danych — uzupełnij zakładkę Klient
Demo: OFF
📱 375 · telefon
▭ 768 · tablet
🖥 1280 · laptop
🖥 1440
🖥 1920 · Full HD
↔ Pełna szerokość
Strona partnera
⚡ Akcje SDK ▾
SDK (window.PragmaGoSDK)
❓ shouldShowWidget
(false)
🚀 Otwórz modal
openWidgetModal(false)
🏠 Otwórz landing
openWidgetModal(true)
📥 Aktualne dane
getWidgetData(false)
🔄 Świeże dane
getWidgetData(true)
🎭 Dane z mocka
getWidgetData(true, true)
⚡ Test callbacku
Przyciski strony partnera (Main.tsx)
💰 Oblicz raty
55 010 PLN
📝 Otwórz formularz
📊 Aktualne dane
🔄 Nowe dane
🎭 Mock data
↻
Inspektor
krok
brak
formId
brak
kopiuj
kod SMS/OTP
kopiuj
Schemat ▾
Scena gotowa. Wybierz tryb, uzupełnij zakładkę
Klient
(tryby partnerskie) i kliknij
Zainicjalizuj
.
🖼️ Logo processor
Zamknij
🖼️ Logo Processor
📁 Wybierz plik z logiem
Nie wybrano pliku
Tolerancja bieli:
30
Oryginał → Przycięty
→
PragmaCash — 18px (z 1px padding góra/dół)
Rzeczywisty rozmiar:
Powiększenie 400%:
⬇ Pobierz
PragmaPay — 35px (bez paddingu)
Rzeczywisty rozmiar:
Powiększenie 400%:
⬇ Pobierz
✨ Wektoryzuj (SVG)
↩ Wróć do PNG
Konwertuj raster na SVG (imagetracer.js) — najlepsze dla prostych logotypów
⚙️ Opcje zaawansowane
Liczba kolorów
12
Ile kolorów wyodrębnić. Mniej = prostsze SVG, więcej = więcej detali.
Wygładzanie (blur)
2
Rozmycie przed wektoryzacją. Wygładza aliasing, ale za dużo rozmyje detale.
Min. ścieżka
8
Pomijaj ścieżki krótsze niż X pikseli. Wyżej = mniej szumu/artefaktów.
Dokładność linii
0.5
Tolerancja prostych odcinków. Niżej = wierniejsze krawędzie, większy plik.
Dokładność krzywych
0.5
Tolerancja krzywych Bézier. Niżej = gładsze krzywe, większy plik.
Min. upscale (px)
200
Minimalna wysokość przed wektoryzacją. Wyżej = więcej detali, wolniej.
Kąty proste
Wzmacnia kąty 90° — lepsze dla logotypów z prostymi krawędziami.
Cykle kwantyzacji
4
Iteracje grupowania kolorów. Więcej = dokładniejsze kolory, wolniej.
🎯 Prosty logotyp
🔍 Szczegółowy
🌊 Wygładzony
⏳ Przetwarzanie...