Interaktywne Okna Iframe

Galeria

sortuj według:
nazwa
typ pliku
rozmiar
data dodania

31 KB
14 cze 24 21:01

Interaktywne Okna Iframe

Projekt składa się z czterech okien iframe, z których każde pełni określone funkcje, umożliwiając użytkownikom interaktywne tworzenie, personalizację oraz analizę grafiki i tekstu.

#### Główne Okno: Interaktywna Tablica do Rysowania
Pierwsze okno iframe jest interaktywną tablicą do rysowania. Jest wypełnione divami, które reagują na ruch kursora, umożliwiając użytkownikom tworzenie rysunków poprzez przeciąganie myszy.

#### Okno Ustawień: Personalizacja i Kontrola
Drugie okno iframe służy do personalizacji doświadczenia rysowania. Oferuje następujące funkcje:
- **Ilość Divów**: Możliwość określenia liczby divów w kolumnie i szeregu, co pozwala dostosować rozmiar i gęstość siatki w pierwszym oknie.
- **Wybór Koloru**: Opcja wyboru koloru rysowania z palety kolorów.
- **Rozmiar Pędzla**: Regulacja rozmiaru pędzla, umożliwiając dostosowanie grubości linii.
- **Tekst na Kolorowe Divy**: Pole input, w którym wprowadzony tekst jest zamieniany na różnokolorowe divy, tworząc kolorowy napis na tablicy.
- **Zapis Obrazu**: Funkcja zapisu stworzonego obrazka z divami do drugiego okna iframe, gdzie jest wyświetlany w textarea.

#### Okno Analizy Kolorów: Przetwarzanie Obrazów
Trzecie okno iframe służy do analizy kolorów i oferuje następujące funkcje:
- **Odczyt Kolorów z Obrazu**: Możliwość odczytania kolorów z obrazka i zamienienia ich na tekst, który jest wyświetlany w tym oknie.

#### Okno Pomocy: Tablica ASCII i Wklejanie Tekstu
Czwarte okno iframe pełni rolę centrum pomocy i oferuje:
- **Tablica ASCII**: Dostępność tablicy ASCII, ułatwiającej zrozumienie kodowania znaków.
- **Wklejanie Gotowych Tekstów**: Możliwość wklejania gotowych tekstów i zamieniania ich na różnokolorowe dokumenty.

#### Dodatkowe Funkcje
- **Rysowanie Losowymi Kolorami**: Opcja rysowania losowymi kolorami, dodająca element niespodzianki i urozmaicająca proces rysowania.

Projekt łączy zaawansowane funkcje graficzne, personalizację oraz analizę kolorów, demonstrując nowoczesne technologie webowe w dynamicznej i interaktywnej formie.