[ImageMagick] Rendre dynamique la création de mon image

DrOOMMgba · 30/05/2007, 18h41

Bonjour, la création de mon image en statistique ce fait trés bien.
Mais je voudrais rendre tout çà dynamique.
Je m'explique aprés vous avoir donner le code : mon fichier tester.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
header ("Content-type: image/png"); // 1 : on indique qu'on va envoyer une image PNG
$image = imagecreatefrompng("image/alaune/alauneheader.png"); // Choisit l'image par default qu'on va retravaillé
 
$orange = imagecolorallocate($image, 255, 128, 0); // fixe une pallette de couleur
$bleu = imagecolorallocate($image, 0, 73, 121);
$bleuclair = imagecolorallocate($image, 156, 227, 254);
$noir = imagecolorallocate($image, 0, 0, 0);
$blanc = imagecolorallocate($image, 255, 255, 255);
 
$nom = 'alauneheader'; // Definit le nom de l'image
$font = 'verdana.ttf'; // Definit la police utiliser
$texte = 'A LA UNE '; //  Définit le texte à afficher
 
imagettftext($image, 15, 0, 11, 20, $bleu, $font, $texte); //effet
imagettftext($image, 15, 0, 10, 20, $bleu, $font, $texte); //Ecriture du texte
 
/*imagestringup : texte verticale */
/*imagestring($image, 5, 15, 5, "Salut les Zér0s !", $bleu); 
imagettftext($image, 20, 0, 15, 5, $bleu, $font, $text); */
 
imagepng($image); // Affichage de l'image
imagepng($image, "image/creations/$nom.png"); // Enregistrement de celui-ci

mon fichier html,

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
</head>
 
<body>
<img src="tester.php" />
</body>
</html>

Le seul problemen c'est que les variable texte sont definit par défault, et moi je voudrais que via un formulaire je construit mon image.
J'utilise toujours $image en haut par défault, il faut que je change le texte, la couleur, et la taille :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<form name="montitre" action="JESAISPASQUOIMETTRE" method="post">

<label for="titre">Titre : </label><input type="text" name="titre" id="titre" size="40" />
<input type="submit" name="cree" value="Crée" />
</form>

Pour l'instant avec le formulaire je me contente juste pour le texte, est donc maintenant il faut que je passe la variable titre à ma page tester.php pour que l'image soit generer avec le titre que j'ai rentré dans le champ titre.

Dans un autre temps je voudrais que :

div de gauche : champ titre avec onkeyup et onchange pour permettre de voir le resultat directement dans le div de droite
div de droite : mon image qui se met a jour en fonction de le champ titre.

Merci de votre aide.

Seb33300 · 04/06/2007, 13h56

Passe les à ton image par des variables dans le lien :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
header ("Content-type: image/png"); // 1 : on indique qu'on va envoyer une image PNG
$image = imagecreatefrompng("image/alaune/alauneheader.png"); // Choisit l'image par default qu'on va retravaillé
 
$orange = imagecolorallocate($image, 255, 128, 0); // fixe une pallette de couleur
$bleu = imagecolorallocate($image, 0, 73, 121);
$bleuclair = imagecolorallocate($image, 156, 227, 254);
$noir = imagecolorallocate($image, 0, 0, 0);
$blanc = imagecolorallocate($image, 255, 255, 255);
 
$nom = $nom; // Definit le nom de l'image
$font = 'verdana.ttf'; // Definit la police utiliser
$texte = $_GET['texte']; //  Définit le texte à afficher
 
imagettftext($image, 15, 0, 11, 20, $bleu, $font, $texte); //effet
imagettftext($image, 15, 0, 10, 20, $bleu, $font, $texte); //Ecriture du texte
 
/*imagestringup : texte verticale */
/*imagestring($image, 5, 15, 5, "Salut les Zér0s !", $bleu); 
imagettftext($image, 20, 0, 15, 5, $bleu, $font, $text); */
 
imagepng($image); // Affichage de l'image
imagepng($image, "image/creations/$nom.png"); // Enregistrement de celui-ci

et pour afficher ton image :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="tester.php?texte=letextequetuveux" />

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email