Cours ⇒ Cour PHP facebook twitter youtube

Les images dynamiques ⇒ & Principes généraux des images dynamique



Les scripts de création d’image doivent suivre les étapes suivantes :

1. Envoi d’un en-tête précisant le type d’image qui sera envoyé du serveur vers le navigateur. Vous retrouvez ici la fonction

header() sous la forme suivante pour une image de type PNG :

header("Content-type:image/png");

Selon le format choisi, vous pouvez remplacer le type MIME de l’image par image/jpeg, image/gif ou image/vnd.wap.wbmp.

2. Création du cadre de l’image dans lequel vont être tracés les éléments de l’image en appelant la fonction

imagecreate(), qui définit les dimensions de l’image en pixels et réserve l’espace mémoire nécessaire sur le serveur.

3. Création des couleurs qui vont être utilisées pour effectuer les tracés en utilisant les codes décimaux des couleurs RGB (Red, Green, Blue) à l’aide de la fonction imagecolorallocate().

4. Tracé de formes géométriques dans le cadre. Les formes disponibles sont variées.

5. Écriture du texte dans l’image à l’aide des polices incorporées ou de polices TrueType ou FreeType.

6. Envoi de l’image créée vers le navigateur ou dans un fichier image enregistré sur le serveur et utilisable dans n’importe quelle page ou image au moyen de l’élément XHTML<img>.

Les fonctions imagegif(), imagejpg() ou imagepng() peuvent être utilisées pour cela selon le format défini

à l’étape 1. Ces fonctions permettent également d’enregistrer les images créées sur le serveur.

 

7. Libération facultative de l’espace mémoire occupé par l’image sur le serveur à l’aide de la fonction

imagedestroy().

Pour une image PNG, un script type de création d’image dynamique a la structure illustrée

à l’exemple 1.

Exemple 1. Script de création d’image

<?php

header ("Content-type: image/png");

//Création du cadre 800x400 pixels

$idimg=imagecreate(800,400);

//Création des couleurs

$fond=imagecolorallocate($idimg,255,255,51);

$noir=imagecolorallocate($idimg,0,0,0);

//******************

//TRACES DES FORMES

//******************

//Enregistrement de l'image dans un fichier

imagepng($idimg,"monimage.png");

//Envoi de l'image au navigateur

imagepng($idimg);

//Libération de l'espace mémoire

imagedestroy($idimg);

?>

Si la page qui affiche l’image contient d’autres éléments XHTML ⎯ comme c’est le cas la plupart du temps ⎯, vous devez séparer la création de l’image de son utilisation. Vousavez donc deux fichiers, un fichier PHP contenant le code de création de l’image, à

l’exemple du script de l’exemple 10-1, et un fichier XHTML ou PHP contenant le code

XHTML d’utilisation de l’image, à l’exemple du fichier ci-dessous. Le nom du fichier

PHP sera donné comme valeur à l’attribut

src de l’élément <img />.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <title> Images dynamiques</title>

 </head>

 <body>

  <div>

   <h2> Une image dynamique </h2>

   <img src="monimage.php" alt="Mon image" />

  </div>

</body>

</html>

Toutes les images créées par la suite peuvent être affichées en utilisant ce modèle XHTML et en modifiant simplement la valeur de l’attribut src.

 


Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces