Podpowiedź do bieżącego narzędzia

Wielokąt / Rysuj: przy 0 punktów klik w obszar = zaznaczenie na liście; klik w pustkę = punkt. Ctrl+mysz lub strzałki = ostatni punkt. Magnes na 1. punkt od 3. wierzchołka. Zamknięcie: klik w start lub „Zamknij kształt”.

Narzędzie
Opcje kształtu / ramka Promień rogów (px): Ramka: W: H:
Szybkie
#000000
Grafika (wersja robocza)

Układ w stronę Canvy: szybki eksport, korekty zdjęcia, powiększenie, warstwy grafik. Szablony stron, tekst i biblioteka — kolejne kroki. Do wielokątów, JSON i kodu C++ wróć do Projekt — precyzja (zakładka u góry).

Synchronizowane z panelem „Projekt” (to samo co lista po prawej w trybie precyzji).
Tło za obrazem

Tylko w tym trybie — puste miejsce wokół płótna. Nie zmienia pikseli obrazu ani PNG eksportu.

Rozdzielczość eksportu

Współrzędne obszarów i PNG „rozdz. eksportu” — te same wartości co w trybie Projekt.

Szablon układu (rozdz. eksportu + kolor tła)
Projekt Grafika (warstwy + figury wektorowe, localStorage — może być duży)
Szablony formatu (px)

Szybkie ustawienie rozdzielczości eksportu — A4, social, okładka linku.

Tonacja (cały obraz)
Narzędzie na płótnie

To samo co zakładka Narzędzie w trybie Projekt — wybór kształtu do klikania na obrazie.

Wstawki tekstu

Nowa warstwa z gotową treścią — potem edytuj w sekcji Warstwy — grafiki poniżej.

Kliknij dodaną grafikę na płótnie albo wybierz ją z listy i przeciągnij po niej, żeby wymazać jej tło jak pędzlem.
Figury wektorowe (SVG)

Rysuj wektorowe kształty na obrazie (tryb Grafika). SVG: opcjonalnie bez rastra, tekst warstw jako <text>, przezroczystość wypełnienia (α). Shift przy przesuwaniu — dopasowanie do krawędzi płótna i innych figur. Figury zapisują się w sesji.

Animacja z obszaru

Zaznacz prostokątem na obrazie (przycisk poniżej) albo użyj ramki z trybu Projekt (Wielokąt → ramka W×H). Animacja przesuwa lub przybliża widok wewnątrz tego prostokąta — podgląd na żywo, eksport WebM.

Brak obszaru — narysuj zaznaczenie lub ustaw z ramki.

Warstwy — grafiki

Kolejność od dołu do góry na obrazku (jak w Canvie). Te same pola co w Projekt — lista „Grafiki na obrazku”. Ramkę i pełne opcje rysowania ustawisz w Projekt — precyzja.

Widok i eksport
× Po starcie aplikacji pojawia się plansza 1920×1080. Ten przycisk tworzy tło robocze w wybranym kolorze i ustawia też taką samą rozdzielczość eksportu.
× Domyślnie: 1920×1080 Współrzędne w UI (lista grafik, „Współrzędne bieżącego kształtu”) są w tej rozdzielczości — prawy róg = szerokość.
Shift+scroll — zoom. Alt+scroll przy wielokącie/rysuj — kursor. O+scroll nad obszarem / linią — obrót.
Presety rozdzielczości
Wyrównanie obszarów do ramki
Wymaga ramki. Przesuwa wielokąty / bbox (nie zestawy linii ani pikseli z „Po kolorze”).
Wyrównanie do innego obszaru
Wybierz obszar odniesienia (lista poniżej). Przesuwane są te same typy co przy ramce — odniesienie nie jest przesuwane.
Rozłożenie obszarów
Min. 3 obszary (jak przy wyrównaniu do ramki — bez linii, ramek i „pikseli po kolorze”). Skrajne zostają, środkowe — równy odstęp.
Kadrowanie obrazu
Współrzędne w px obrazka. Po przycięciu przesuwa obszary i grafiki.
X Y W H
Strefa bezpieczna (safe area)
Marginesy od krawędzi płótna — podgląd na obrazku, ostrzeżenia przy eksporcie JSON / ZIP oraz dodatkowe linie przy Shift (wyrównanie warstw / wektorów). Canva tego nie modeluje wprost.
L R G D
Tonacja (cały obraz)
Sesja (obraz + obszary + grafiki)
Jakość zdjęcia (cały obraz)
Popraw jakość: wyostrz, kontrast, odszum, rozmycie. Działają na całym obrazie.
Kliknij dodaną grafikę na płótnie albo wybierz ją z listy i przeciągnij po niej, żeby wycinać jej tło jak gumką. Podczas pracy widać okrąg pędzla.
Więcej narzędzi
Eksport widoku, czyszczenie, odbicia ostatniego obszaru, wypełnienie nowych kształtów.
Eksport dla silnika / CI
Strict — przy ostrzeżeniach z walidacji (safe area, bbox, przestrzeń eksportu) eksport jest zablokowany zamiast pytania. Paczka silnik dodaje manifest.json (SHA-256 PNG widoku, lista ostrzeżeń, meta layoutu).
Gdy wybrany kolor — nowe wielokąty / okręgi użyją go zamiast próbki z obrazka. „Auto” = znów z obrazka.
Grafiki na wierzchu
Dodaj mniejsze obrazki na główne zdjęcie. Można je przesuwać myszą po canvasie. Przy zaokrąglonych PNG z białymi rogami lub kilkoma odcieniami tła: zaznacz „Usuń tło wg kolorów”, dodaj wszystkie potrzebne kolory i ustaw tolerancję — wskazane obszary staną się przezroczyste.
Zaznaczone obszary
Współrzędne bieżącego kształtu
Jak chcesz zapisać?
Zaznacz obszary na obrazku (narzędzia u góry), potem zapisz je do bazy. Uruchom serwer: uvicorn api_areas:app --port 8000
Dane (Next.js / JSON / C++)
Start: plansza 1920×1080. Możesz od razu rysować obszary albo wczytać własną grafikę.