[image]Création d'image dynamique

Version imprimable

07/06/2006, 15h06
Booyakha

[image]Création d'image dynamique

Bonjour,

J'ai besoin pour une application web de créer des images aléatoirement, seulement je ne sais pas du tout comment faire ?
J'ai essayé un créant un objet Graghics directement dans la JSP mais je sais pas comment afficher dans la page cette image ?

Si ce n'est pas possible, y a-t-il un autre moyen de générer des images dynamiquement ?

Merci de votre aide !
07/06/2006, 15h22
guandal

salut ;
je pense que tu dois inserer ton flux d'image dans la balise img html de ta jsp.
j'ai fait un truc parait mais moi je remplissait le champ img de ma jsp avec une servlet.
tu v mon bout de code? ;)
07/06/2006, 15h31
Booyakha

Oui c'était justement ce sur quoi je commencais à m'avancer, le problème que j'aurai c'est comment écrire mon image dans mon flux httpServletResponse ?

Je veux bien ton bout de code, si ça te dérange pas ! :-)

tiens pour le fichier image
j'ai un truc comme ça
Code:

1 2 3 4 OutputStream fichierImageTemporaire = null; BufferedImage img= new BufferedImage(1,1,BufferedImage.TYPE_INT_ARGB); ImageIO.write(img,"PNG",fichierImage);/*
et dans ma servlet :
Code:

1 2 resp.setContentType("img/jpeg"); resp.getOutputStream(fichierImage);
teste voir,
je ne te garantis rien :oops: surtout pour l'instruction

Citation:

resp.getOutputStream(fichierImage);

07/06/2006, 15h46
guandal

l'instruction

Citation:

resp.getOutputStream(fichierImage);

ne marchera pas, suis la par contre oui

Citation:

resp.getOutputStream();

.

fais ceci plutot dans ta servlet (dans le doGet()):
Code:

1 2 3 BufferedImage img= new BufferedImage(1,1,BufferedImage.TYPE_INT_ARGB); ImageIO.write(img,"PNG",resp.getOutputStream);/*
la je pense que ça peut marcher 8-)

07/06/2006, 16h08
Booyakha

Non ca n'a pas l'air de vouloir marcher, je comprends pas a quoi te sert

Code:

OutputStream fichierImageTemporaire = null;

Tu t'en sers pas ?

C'est quoi exactement ta variable "resp" ?
07/06/2006, 16h14
Booyakha

ok ca l'air de pas trop mal marcher cette fois-ci, ça compile et la page web s'affiche par contre j'ai toujours pas d'image.
07/06/2006, 16h20
guandal

Citation:

Envoyé par Booyakha

C'est quoi exactement ta variable "resp" ?

HttpServletResponse resp;
dans mon instruction j'ai fait cette corrrection:

Code:

ImageIO.write(img,"PNG",resp.getOutputStream())
07/06/2006, 16h41
Booyakha

oui j'avais compris en fait :-)

J'ai toujours le même problème, l'image ne s'affiche pas et quand j'affiche la page web sensé retourner l'image j'ai ce message là :

Citation:

‰PNG
IHDRÄ‰TxÚc``éúÜØIEND®B`,
07/06/2006, 16h51
Booyakha

Ha non en fait ca marchait mais width 1 et height 1 je la voyais pas :roll:

Plus qu'à trouver comment écrire dedans et c'est bon ! merci beaucoup !
07/06/2006, 16h55
guandal

peut etre que je n'ai pas bien saisi ton probleme .
Au fait cette image que j'affichais est une image transparente (normalement).
je ne saurai te dire pourkoi tu as ce probleme.
excuse moi de te poser cette question ,tu appelles directement ta servlet dans la balise <img></img> de ta jsp( par exemple <img>servletImage()</img> )?
07/06/2006, 16h57
guandal

je t'enprie booyakha :D
07/06/2006, 17h04
Booyakha

oui je l'appelle dans ma balise img comme ça :

Code:

<img src="genereImage.do"/>

Je cherche à écrire du texte qui change à chaque fois dans cette image, c'est pour ça qu'au début j'étais parti sur java.awt.Graphics avec drawString()
07/06/2006, 17h12
guandal

ha ok je vois , c'est contre les attaques robots.
y a un mois on m'a demandé de faire la meme chose mais je ne suis pas arrivé.
j'avais envisagé le meme solution.
07/06/2006, 17h14
Booyakha

Citation:

ha ok je vois , c'est contre les attaques robots.

C'est exact !

Citation:

y a un mois on m'a demandé de faire la meme chose mais je ne suis pas arrivé.

aaaaaargh !8O

Je vais percévérer, dès que je trouve je te tiens au courant !

Dans mes recherches j'avais un bout de code pour image floue en php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
header("Content-type: image/png");
 
function createLettre($lettre)
{
$image = imagecreatetruecolor(20, 20);
$bgcolor = imagecolorallocate($image, 200, 200, 255);
$color = imagecolorallocate($image, rand(0, 200), rand(0, 200), rand(0, 200));
imagefill($image, 0, 0, $bgcolor);
$font = rand(1, 5);
imagestring($image, $font, rand(0, 20 - imagefontwidth($font)), rand(0, 20 - imagefontheight($font)), $lettre, $color);
//imagerotate($image, rand(-10, 10), $bgcolor); //à décommenter si t'as imagerotate...
return $image;
}
 
$texte = "jDh6E4mP"; // à générer aléatoirement...
$image = imagecreatetruecolor(160, 20);
$black = imagecolorallocate($image, 0, 0, 0);
for ($i=0; $i<8; $i++)
{
$lettre = createLettre($texte[$i]);
imagecopy($image, $lettre, $i*20, 0, 0, 0, 20, 20);
imagedestroy($lettre);
}
imagepng($image);
imagedestroy($image);
?>

en esperant que ça va t'inspirer.

07/06/2006, 17h22
Booyakha

En PHP je l'ai déjà fait et c'est beaucoup plus simple qu'en JAVA et en effet mon script il ressemble plus ou moins à ça.

Le problème que j'ai en JAVA, c'est de convertir mon objet Graphics en BufferedImage, sachant que l'inverse est possible est très simple à faire...:aie:
07/06/2006, 17h38
yolepro

N'oubliez pas de Bouton Résolu quand vous avez fini avec une sujet ;).
07/06/2006, 17h40
guandal

Citation:

Envoyé par Booyakha

Le problème que j'ai en JAVA, c'est de convertir mon objet Graphics en BufferedImage, sachant que l'inverse est possible est très simple à faire.

y aurait il pas une methode du genre BufferedImage.getGraphics()?
07/06/2006, 17h43
guandal

oublie ce que j'ai dit :sleep:

Bon c'est bon j'ai trouvé, voici le code en entier si ça peut t'aider :

C'est le g.dispose() qui fait tout :roll:

Code:

1
2
3
4
5
6
7
8
9
        Font timesRoman18ItalicGras = new Font("TimesRoman",Font.ITALIC+Font.BOLD,18);
 
        BufferedImage img = new BufferedImage(80,20,BufferedImage.TYPE_INT_ARGB);
        Graphics g = img.createGraphics();
        g.setColor(Color.red);
        g.setFont(timesRoman18ItalicGras);
        g.drawString("letexte", 3, 10);
        g.dispose();
        ImageIO.write(img,"PNG",httpServletResponse.getOutputStream());

Merci de ton aide !! :D

07/06/2006, 17h55
guandal

:yaisse: bravo merci pour le code ( je v m'en inspirerer)
pour le texte dans

Code:

g.drawString("letexte", 3, 10);

as tu pensé à le rendre aleatoire c'est mieux pour la securité.
et on oublie pas :resolu:
07/06/2006, 17h56
Booyakha

Pour l'aléatoire du texte c'est ce que je suis en train de faire mais ça je devrais m'en sortir tout seul !
07/06/2006, 18h01
guandal

t'inquiète! :ccool: je n'en doute pas une seconde; c'etait juste une suggestion.