Gd Library Deel 1
Gd Library Deel 1 Door Tibbe
1. Wat is PHP GD Library en wat kan je er mee doen ?
2. Simpel plaatje om te beginnen
3. Hoe tekst toevoegen
1. Wat is PHP GD Library en wat kan je er mee doen
Php GD Library dient om plaatsjes te maken in PHP.
Je denkt nu, wat ben ik daar nu mee. Maar je hebt vast wel al eens gezien dat
mensen een avatar hebben waar enkele statistieken opstaan. Deze mensen gaan hun
niet amuseren om dit elke keer er een wijziging is aan te passen.
Hiervoor gebruikt men de functie PHP GD Library.Kort samengevat: Php GD
Library dient voor het maken van dynamische of gewone plaatjes.
Top
2. Simpel plaatje om te beginnen
Ik veronderstel dat je nu wel direct wilt beginnen he ?
Laten we beginnen met iets simpel :
We maken een wit plaatje van 150 x 200 Pixels (Breedte x Hoogte).
<?php
//Dit duid aan dat het om een .PNG file gaat, Dit moet je altijd gebruiken!!
header("content-type: image/png");
//We maken een afbeelding, X=150 en Y=200
$image = ImageCreate(150, 200);
//We maken een achtergrondkleur , We moeten altijd eerst zeggen over welk plaatje het gaat, in dit geval $image, daarachter volgt de kleurcode
$achtergrond = ImageColorAllocate($image, 255, 255, 255); //255, 255, 255 = Wit
//Het plaatje aanmaken.
ImagePng($image);
//Het plaatje verwijderen uit het geheugen
ImageDestroy($image);
?>
|
Wat bekom je ? Een gewoon simpel plaatje, 150x200 Pixels
Deze kan je simpel opvragen door de code
<img src="link.php"> te gebruiken :
Top
3. Hoe tekst toevoegen
Hopenlijk hebben jullie het hierboven begrepen, want net zoals bij wiskunde
bouwen we nu verder op iets wat we al kennen!
Nu gaan we leren hoe we tekst toevoegen aan een plaatje.
Dit gaat op 2 manieren :
- Functie met
ImageString( );
- Functie met
ImageTTFText( );
Er is slecht een klein verschil.
Bij ImageString( ); Kan je niet kiezen welk lettertype je neemt, het neemt
automatisch een standaard lettertype aan.
Bij ImageTTFText ben je altijd verplicht om het lettertype dat je wenst te
gebruiken mee te uploaden.
We beginnen met ImageString( );
We starten met een plaatje van 300x75 Pixels (Breedte,Hoogte), we willen er
graag de tekst Sitemasters op plaatsen en ik zou het graag in het rood hebben.
<?php
header("content-type: image/png");
$image = ImageCreate(150, 50); //Plaatje aanmaken met X=300 en Y=75
//We maken een achtergrondkleur
$achtergrond = ImageColorAllocate($image, 255, 255, 255); //255, 255, 255 = Wit
//De grootte van ons lettertype
$grootte = 5;
//Tekst die we op ons plaatje willen.
$tekst = "Sitemasters";
//Tekstkleur
$kleur = ImageColorAllocate($image, 255, 0, 0); //255, 0, 0 = Rood
//De functie ImageString word onder het voorbeeld uitgelegd !
ImageString($image, $grootte, 5, 25, $tekst, $kleur);
//Het plaatje aanmaken.
ImagePng($image);
//Het plaatje verwijderen uit het geheugen
ImageDestroy($image);
?>
|
Dit bekom je:
Uitleg functie ImageString( )
Deze functie werkt als volgt:
ImageString(Afbeelding, Grootte Lettertype, Positie X-As, Positie Y-As, Tekst, Tekstkleur);
Bij ons was dit dus :
ImageString($image, $grootte, 5, 25, $tekst, $kleur);
Nu gaan we over naar de functie ImageTTFText( ):
De opbouw is juist hetzelfde, maar het verschil zit hem enkel bij de functie
die de tekst schrijft en dat je het lettertype mee moet uploaden..
<?php
header("content-type: image/png");
$image = ImageCreate(150, 50); //Plaatje aanmaken met X=300 en Y=75
//We maken een achtergrondkleur
$achtergrond = ImageColorAllocate($image, 255, 255, 255); //255, 255, 255 = Wit
//De grootte van ons lettertype
$grootte = 5;
//Tekst die we op ons plaatje willen.
$tekst = "Sitemasters";
//Tekstkleur
$kleur = ImageColorAllocate($image, 255, 0, 0); //255, 0, 0 = Rood
//Het font selecteren, VERGEET DEZE NIET TE UPLOADEN !
$font = 'fonts/courbd.ttf';
//De functie word onder het voorbeeld uitgelegd!
ImageTTFText($image, $grootte, 3, 20, 25, $kleur, $font, $tekst);
//Het plaatje aanmaken.
ImagePng($image);
//Het plaatje verwijderen uit het geheugen
ImageDestroy($image);
?>
|
Je bekomt een mooie beginnende banner die 3° gedraait is:
Uitleg functie ImageTTFText( );
Deze functie is even simpel als de andere, alleen iets groter :
ImageTTFText(Afbeelding, Grootte Lettertype, Hoeveel graden gedraait, Positie X-As, Positie Y-As, Tekstkleur, Lettertype, Tekst);
Bij ons was deze dus :
ImageTTFText($image, $grootte, 3, 20, 25, $rood, $font, $tekst);
Top
Dit was het dan voor mij eerste Tutorial.
Er zal zeker nog een tutorial komen
over GD Library !!!
~Tibbeh
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
(4) 