Projekt: 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.
kod tutaj https://infinityhost.ct8.pl/code_5/