Grafika PHP dla początkujących



Podobne dokumenty
Grafika PHP dla początkujących

7. Dynamiczne generowanie grafiki

Kurs WWW. Paweł Rajba.

STRONY INTERNETOWE mgr inż. Adrian Zapała

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

8. Dynamiczne generowanie grafiki, cz. 2

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa

Jak dodać własny szablon ramki w programie dibudka i dilustro

Witryny i aplikacje internetowe

Dostępne nośniki reklamowe

Formaty plików graficznych

Instrukcja - blogi OK zeszyt Logowanie

Artykuł pochodzi z czasopisma PHP Solutions. Do ściągnięcia bezpłatnie ze strony:

Cała prawda o plikach grafiki rastrowej

EDYCJA TEKSTU MS WORDPAD

Grafika na stronie www

Zaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy

Aplikacje internetowe

FORMATY PLIKÓW GRAFICZNYCH

Dodawanie grafiki i obiektów

Grafika rastrowa (bitmapa)-

Multimedia i interfejsy. Ćwiczenie 5 HTML5

FORMATY REKLAMOWE. Specyfikacja techniczna form reklamowych emitowanych w serwisach grupy Blomedia.pl

Tworzenie infografik za pomocą narzędzia Canva

GRAFIKA RASTROWA. WYKŁAD 2 Oprogramowanie i formaty plików. Jacek Wiślicki Katedra Informatyki Stosowanej

dr inż. Piotr Odya dr inż. Piotr Suchomski

Grafika w dokumencie tekstowym. Technologia Informacyjna Lekcja 26

Test z przedmiotu. Witryny i aplikacje internetowe

Księgarnia internetowa Lubię to!» Nasza społeczność

Rysunek 1 Strona główna systemu Wibo

Grafika komputerowa. Zajęcia IX

Tworzenie i edycja dokumentów w aplikacji Word.

Katarzyna Ignaszewska Anna Kowalska Bożena Szymańska Pakos Wojciech Sichniewicz SPI 51. Zadanie 3

Obsługa programu Paint materiały szkoleniowe

URL:

Tworzenie bloku na przykładzie znaku chropowatości

Projektowanie graficzne. Wykład 2. Open Office Draw

Konfiguracja szablonu i wystawienie pierwszej aukcji allegro

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

Corel Draw, Adobe Illustrator grafika wektorowa

Kingston Technology Program personalizacji

System Identyfikacji Wizualnej Ośrodka Edukacji Informatycznej i Zastosowań Komputerów w Warszawie

Podstawy technologii WWW

Opis przedmiotu zamówienia

Zgłoś projekt do Budżetu Obywatelskiego online!

Instrukcja InPro BMS Siemens FC700A InPro Professional 4.1

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Grafika inżynierska. Projekt znaczka inż. M. Janecka

Propozycja zajęć. 1. Witaj w drugiej klasie! (podręcznik z ćwiczeniami) 1 godz. 2. Słoneczne wakacje (podręcznik z ćwiczeniami)

DOKUMENTÓW W EDYTORACH

Dodatkowe pakiety i polecenia L A TEXowe

SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania. ł ęść. dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

ZAAWANSOWANE BAZY DANYCH I HURTOWNIE DANYCH MySQL, PHP

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

Paweł Kaźmierczak. styczeń 2009

HTML jak zrobić prostą stronę www

Corel Draw, Adobe Illustrator grafika wektorowa

WSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

1. Wstęp Pierwsze uruchomienie Przygotowanie kompozycji Wybór kompozycji Edycja kompozycji...

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne

Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku

WYŚWIETLACZE GRAFICZNE MAX

WYŚWIETLACZE GRAFICZNE I TEKSTOWE 7 KOLOROWE

Wytyczne dot. grafiki aplikacji TBP

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

Instrukcja krok po kroku w darmowym programie PhotoScape

Opis przedmiotu zamówienia

Pierwsza strona internetowa

Formularze w PHP dla początkujących

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

Plan nauczania informatyki Opracował: mgr Daniel Starego

Grafika komputerowa. Oko posiada pręciki (100 mln) dla detekcji składowych luminancji i 3 rodzaje czopków (9 mln) do detekcji koloru Żółty

Kingston Technology Program personalizacji pamięci DataTraveler

Okno zarządzania warstwami w dokumencie znajduje się na wstążce Narzędzia główne

Wpisany przez Łukasz Nawrotek Poniedziałek, 04 Sierpień :00 - Zmieniony Poniedziałek, 04 Sierpień :01

Być może jesteś doświadczonym programistą, biegle programujesz w Javie,

Specyfikacja techniczna formatów reklamowych w serwisach internetowych Wydawnictwa Te-Jot.

Ć W I C Z E N I A Z W Y K O R Z Y S T A N I E M E D Y T O R A T E K S T U. M i c r o s o f t

PROGRAM BLOKU SZKOLENIOWEGO

Program współpracuje z : Windows XP, Powerdraft 2004, v8, XM, Microstation 2004, v8, XM.

Umieszczanie kodu. kod skryptu

Opis przedmiotu zamówienia

Zadanie 4. Zadanie 5. Zadanie 6. Który z wymienionych znaczników należy do części <head> dokumentu HTML? A. <img> B. < tle> C. <span> D.

Kingston Technology Program personalizacji pamięci DataTraveler

Rozdział 1. Zastosowanie komputera w życiu codziennym Rozdział 2. Elementy zestawu komputerowego...11

1- Touch Laser Photo

Dokumentacja WebMaster ver 1.0

Bazy danych w PHP dla początkujących

ZMIENNE. Podstawy PHP

WYŚWIETLACZE GRAFICZNE MAX

Dokumentacja Administratora. aplikacji. Edytor treści edukacyjnych

Pytanie 1. Pytanie 2. Pytanie 3 WOJEWÓDZKI KONKURS INFORMATYCZNY. Treść pytania

Z CSS3 szybciej i przyjemniej

TWORZENIE PREZENTACJI MS POWERPOINT

Instrukcja obsługi uczelnianego cmsa

Sigplus. Galeria w Joomla

Transkrypt:

Instrukcja numer 02 Grafika PHP dla początkujących Zaawansowane techniki tworzenie stron WWW Dynamiczne tworzenie obrazków w PHP zadanie_01.php <center> <h1>to jest dynamicznie stworzony obrazek</h1> <img src= zadanie_02.php > </center> // pierwsze dwa znaki w pliku Header("Content-type: image/png"); zadanie_02.php $obrazek=imagecreatetruecolor(600,300); ImagePNG($obrazek); by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 1/10

// pierwsze dwa znaki w pliku Header("Content-type: image/png"); zadanie_02.php $obrazek=imagecreatetruecolor(600,300); $kropka=imagecreatefrompng("kropka_01.png"); ImageCopyResized($obrazek,$kropka,0,0,0,0,10,10,10,10); ImageCopyResized($obrazek,$kropka,590,290,0,0,10,10,10,10); ImageCopyResized($obrazek,$kropka,590,0,0,0,10,10,10,10); ImageCopyResized($obrazek,$kropka,0,290,0,0,10,10,10,10); ImagePNG($obrazek); Działanie funkcji ImageCopyResized() wstawia wskazany fragment jednego rysunku do drugiego w określone miejsce dopasowuje rozmiar wstawianego fragmentu do rozmiaru miejsca na niego przeznaczonego (przeprowadza operację skalowania) $modyfikowany=imagecreatetruecolor(600,300); $material=imagecreatefrompng("kropka_01.png"); ImageCopyResized($modyfikowany,$material,$x1,$y1,$x2,$y2,$m1,$n1,$m2,$n2); ($x1,$y1) $m1 $n1 $modyfikowany ($x2,$y2) $m2 $n2 $material by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 2/10

// pierwsze dwa znaki w pliku Header("Content-type: image/png"); zadanie_02.php $obrazek=imagecreatetruecolor(600,300); $kropka=imagecreatefrompng("kropka_01.png"); $pogoda_01=imagecreatefrompng("pogoda_01.png"); $pogoda_02=imagecreatefrompng("pogoda_02.png"); $pogoda_03=imagecreatefrompng("pogoda_03.png"); $pogoda_04=imagecreatefrompng("pogoda_04.png"); $pogoda_05=imagecreatefrompng("pogoda_05.png"); ImageCopyResized($obrazek,$kropka,0,0,0,0,10,10,10,10); ImageCopyResized($obrazek,$kropka,590,290,0,0,10,10,10,10); ImageCopyResized($obrazek,$kropka,590,0,0,0,10,10,10,10); ImageCopyResized($obrazek,$kropka,0,290,0,0,10,10,10,10); ImageCopyResized($obrazek,$pogoda_01,10,10,0,0,100,100,100,100); ImageCopyResized($obrazek,$pogoda_02,490,192,0,0,100,100,100,100); ImageCopyResized($obrazek,$pogoda_03,490,10,0,0,100,100,100,100); ImageCopyResized($obrazek,$pogoda_04,10,190,0,0,100,100,100,100); ImageCopyResized($obrazek,$pogoda_05,250,100,0,0,100,100,100,100); ImagePNG($obrazek); Definiowanie koloru i wstawianie napisu Zapis ogólny: $kolor=imagecolorexact ($obrazek, $czerwony, $zielony, $niebieski); ImageString ($obrazek, $rozmiar, $x, $y, "Witaj na kursie PHP...", $kolor); Zapis praktyczny: $kolor=imagecolorexact ($obrazek, 155, 100, 100); ImageString ($obrazek, 5, 200, 250, "Witaj na kursie PHP...", $kolor); Definiowanie koloru i wstawianie tekstu czcionką TrueType $kolor=imagecolorexact ($obrazek, 255, 255, 0); imagettftext ( $obrazek, 36, -7, 120, 50, $kolor, "serifan.ttf", "Mam to w "); by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 3/10

zadanie_03.php <center> <h1>wyszukiwanie plików jpg i JPG</h1> $liczba_zdjec=0; if ($uchwyt = opendir('.')) { while (false!== ($plik = readdir($uchwyt))) { if ($plik!= "." && $plik!= ".." && ereg(".jpg",$plik) ereg(".jpg",$plik)) { $liczba_zdjec++; closedir($uchwyt); </center> Liczba zdjęć: echo ($liczba_zdjec); by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 4/10

zadanie_04.php $rozmiar = getimagesize("http://ocm.oeiizk.edu.pl/grafika/winieta.gif"); echo ($rozmiar); zadanie_04.php $rozmiar = getimagesize("http://ocm.oeiizk.edu.pl/grafika/winieta.gif"); echo ($rozmiar); Szerokość echo ($rozmiar[0]); Wysokość echo ($rozmiar[1]); Typ pliku echo ($rozmiar[2]); <br> 1 = GIF, 2 = JPG, 3 = PNG, 4 = SWF, 5 = PSD, 6 = BMP, 7 = TIFF(intel), 8 = TIFF(motorola), 9 = JPC, 10 = JP2, 11 = JPX, 12 = JB2, 13 = SWC, 14 = IFF, 15 = WBMP, 16 = XBM Szerokość i wysokość echo ($rozmiar[3]); <img src="http://ocm.oeiizk.edu.pl/grafika/winieta.gif"> by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 5/10

zadanie_05.php $rozmiar = getimagesize("foto01.jpg"); echo ($rozmiar); Szerokość echo ($rozmiar[0]); Wysokość echo ($rozmiar[1]); Typ pliku echo ($rozmiar[2]); <br> 1 = GIF, 2 = JPG, 3 = PNG, 4 = SWF, 5 = PSD, 6 = BMP, 7 = TIFF(intel), 8 = TIFF(motorola), 9 = JPC, 10 = JP2, 11 = JPX, 12 = JB2, 13 = SWC, 14 = IFF, 15 = WBMP, 16 = XBM Szerokość i wysokość echo ($rozmiar[3]); <img src="foto01.jpg"> by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 6/10

$liczba_zdjec=0; if ($uchwyt = opendir('.')) { zadanie_06.php while (false!== ($plik = readdir($uchwyt))) { if ($plik!= "." && $plik!= ".." && ereg(".jpg",$plik) ereg(".jpg",$plik)) { $liczba_zdjec++; $tablica_plikow[$liczba_zdjec]=$plik; echo ("<br>"); echo ($tablica_plikow[$liczba_zdjec]); closedir($uchwyt); Liczba plików jpg: echo ($liczba_zdjec); by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 7/10

$nazwa_pliku="foto01.jpg"; zadanie_07.php $rozmiar = getimagesize($nazwa_pliku); $szerokosc=$rozmiar[0]; $wysokosc=$rozmiar[1]; $nowa_wysokosc=100; $nowa_szerokosc= $szerokosc*($nowa_wysokosc/$wysokosc); $oryginal=imagecreatefromjpeg($nazwa_pliku); $obrazek=imagecreatetruecolor($nowa_szerokosc,$nowa_wysokosc); ImageCopyResized($obrazek,$oryginal,0,0,0,0,$nowa_szerokosc,$nowa_wysokosc,$szerokosc,$wysokosc); ImageJPEG($obrazek,"mini/$nazwa_pliku"); Miniaturka utworzona <img src= mini/foto01.jpg > by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 8/10

$nazwa_pliku="foto01.jpg"; zadanie_07.php $rozmiar = getimagesize($nazwa_pliku); $szerokosc=$rozmiar[0]; $wysokosc=$rozmiar[1]; $nowa_wysokosc=100; $nowa_szerokosc= $szerokosc*($nowa_wysokosc/$wysokosc); $oryginal=imagecreatefromjpeg($nazwa_pliku); $obrazek=imagecreatetruecolor($nowa_szerokosc,$nowa_wysokosc); ImageCopyResized($obrazek,$oryginal,0,0,0,0,$nowa_szerokosc,$nowa_wysokosc,$szerokosc,$wysokosc); ImageJPEG($obrazek,"mini/$nazwa_pliku",20); Miniaturka utworzona <img src= mini/foto01.jpg > by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 9/10

$nazwa_pliku="foto01.jpg"; zadanie_07.php $rozmiar = getimagesize($nazwa_pliku); $szerokosc=$rozmiar[0]; $wysokosc=$rozmiar[1]; $nowa_wysokosc=100; $nowa_szerokosc= $szerokosc*($nowa_wysokosc/$wysokosc); $oryginal=imagecreatefromjpeg($nazwa_pliku); $obrazek=imagecreatetruecolor($nowa_szerokosc,$nowa_wysokosc); ImageCopyResized($obrazek,$oryginal,0,0,0,0,$nowa_szerokosc,$nowa_wysokosc,$szerokosc,$wysokosc); ImageJPEG($obrazek,"mini/$nazwa_pliku",70); Miniaturka utworzona <img src= mini/foto01.jpg > by Dariusz Fabicki Instrukcja numer 02 [v. 2.0] Strona 10/10