Vous devez être membre et vous identifier pour publier un article.
Les visiteurs peuvent toutefois commenter chaque article par une réponse.

Créer un web service avec visual studio Alterner la couleur des lignes dans une JTable

JAVA - Générer dynamiquement des images

Inhoudsopgave

Article publié le 29/01/2007 12:34:19

Beaucoup d'entre vous se sont déjà sûrement posés la question de savoir s'il est possible de générer dynamiquement une image côté serveur et de la référencer directement dans une page HTML.

La réponse est oui!

Mieux que ça: vous pouvez générer une image côté serveur et l'envoyer vers le client sans devoir la stocker physiqument sur le serveur! Trop fort, non?

Assez discuté, passons à la pratique...

Nous allons créer une servlet qui va générer une image représentant un arc fermé sur base des paramètres passés à la requête. Ce paramètres, à titre d'info, sont la taille de l'image à générer (largeur et hauteur) ainsi que l'angle de début et l'angle de fin de l'arc à générer.

Commencez par créer la classe suivante qui étend HTTPServlet (attention à modifier le nom du package pour qu'il corresponde avec votre package !)

Code Java (115 lignes)

/*
 * Created on Jan 26, 2007
 *
 */
package be.fery.dynamicImage.control;
 
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Shape;
import java.awt.geom.Arc2D;
import java.awt.geom.Rectangle2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
 
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGImageEncoder;
 
public class BasicImageGeneratorServlet extends HttpServlet {
	public static final String REQ_PARAM_BEGIN_ANGLE = "beginAngle";
 
	public static final String REQ_PARAM_END_ANGLE = "endAngle";
 
	public static final String REQ_PARAM_IMG_WIDTH = "imageWidth";
 
	public static final String REQ_PARAM_IMG_HEIGHT = "imageHeight";
 
	private int beginAngle = 0;
 
	private int endAngle = 180;
 
	private int imageWidth = 320;
 
	private int imageHeight = 200;
 
	public BasicImageGeneratorServlet() {
		super();
	}
 
	public void doGet(HttpServletRequest request, HttpServletResponse response) {
		doHandle(request, response);
	}
 
	public void doPost(HttpServletRequest request, HttpServletResponse response) {
		doHandle(request, response);
	}
 
	public void doHandle(HttpServletRequest request, HttpServletResponse response) {
 
		System.out.println("Image generation requested");
		try {
			getParameters(request);
			BufferedImage image = new BufferedImage(imageWidth, imageHeight, BufferedImage.TYPE_INT_RGB);
			Graphics2D gr = (Graphics2D) image.getGraphics();
			gr.setColor(Color.BLACK);
			gr.fillRect(0, 0, imageWidth, imageHeight);
			gr.setColor(Color.WHITE);
			gr.drawArc(0, 0, imageWidth, imageHeight, beginAngle, endAngle - beginAngle);
			int x1 = (int) (imageWidth / 2);
			int y1 = (int) (imageHeight / 2);
			double radBegin = beginAngle*Math.PI/180;
			double radend = endAngle*Math.PI/180;
			int x2 = (int) (x1 + Math.cos(radBegin) * (imageWidth / 2));
			int y2 = (int) (y1 - Math.sin(radBegin) * (imageHeight / 2));
			gr.drawLine(x1, y1, x2, y2);
			x2 = (int) (x1 + Math.cos(radend) * (imageWidth / 2));
			y2 = (int) (y1 - Math.sin(radend) * (imageHeight / 2));
			gr.drawLine(x1, y1, x2, y2);
			response.setContentType("image/jpg");
			response.setHeader("Content-disposition", "inline; filename=test.jpg");
			JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(response.getOutputStream());
			encoder.encode(image);
		} catch (IOException e) {
			e.printStackTrace();
		}
	}
 
	private void getParameters(HttpServletRequest request) {
 
		imageWidth = 320;
 
		String param = null;
		try {
			if ((param = request.getParameter(REQ_PARAM_BEGIN_ANGLE)) != null)
				beginAngle = Integer.parseInt(param);
		} catch (Exception e) {
			beginAngle = 0;
		}
 
		try {
			if ((param = request.getParameter(REQ_PARAM_END_ANGLE)) != null)
				endAngle = Integer.parseInt(param);
		} catch (Exception e) {
			endAngle = 180;
		}
 
		try {
			if ((param = request.getParameter(REQ_PARAM_IMG_WIDTH)) != null)
				imageWidth = Integer.parseInt(param);
		} catch (Exception e) {
			imageWidth = 320;
		}
 
		try {
			if ((param = request.getParameter(REQ_PARAM_IMG_HEIGHT)) != null)
				imageHeight = Integer.parseInt(param);
		} catch (Exception e) {
			imageHeight = 200;
		}
	}
}

Retourner au début du code

Créez ensuite le fichier web.xml suivant dans le répertoire WEB-INF de votre appliction:

Code XML (17 lignes)

&#139;?xml version="1.0" encoding="UTF-8"?&#155;
&#139;web-app
	xmlns="http://java.sun.com/xml/ns/j2ee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
	version="2.4"&#155;
 
	&#139;servlet&#155;
		&#139;servlet-name&#155;BasicGenerator&#139;/servlet-name&#155;
		&#139;servlet-class&#155;be.fery.dynamicImage.control.BasicImageGeneratorServlet&#139;/servlet-class&#155;
	&#139;/servlet&#155;
 
	&#139;servlet-mapping&#155;	
		&#139;servlet-name&#155;BasicGenerator&#139;/servlet-name&#155;
		&#139;url-pattern&#155;/BasicGenerator&#139;/url-pattern&#155;
	&#139;/servlet-mapping&#155;		
&#139;/web-app&#155;

Retourner au début du code

Créer un fichier WAR qui contient ces deux fichiers et déployer le sous Tomcat par exemple.

Créez enfin un fichier HTML dans lequel vous copier le code suivant:

Code html4strict (65 lignes)

&#139;html&#155;
	&#139;head&#155;
		&#139;script type="text/javascript" language="javascript"&#155;
			var tOut = 2000;
			var tId = null;
			function updateGraphics(){
				document.getElementsByName('endAngle')[0].value=parseInt(document.getElementsByName('endAngle')[0].value)+10;
				getImage();				
				tId = setTimeout("updateGraphics()",tOut);
			}
 
			function startUpdate(){
				document.getElementsByName('image')[0].style.display="block";
				document.getElementsByName('stopButton')[0].disabled=false;
				document.getElementsByName('startButton')[0].disabled=true;
				updateGraphics();
			}
 
			function stopUpdate(){
				clearTimeout(tId);
				document.getElementsByName('startButton')[0].disabled=false;
				document.getElementsByName('stopButton')[0].disabled=true;
			}
 
			function getImage(){
				var url = "http://&#139;votre_serveur&#155;:&#139;votre_port&#155;/imageGenerator/BasicGenerator";
				url += "?imageWidth="+getFieldValue('imageWidth');
				url += "&imageHeight="+getFieldValue('imageHeight');
				url += "&beginAngle="+getFieldValue('beginAngle');
				url += "&endAngle="+getFieldValue('endAngle');
				document.getElementsByName('image')[0].src=url;
			}
 
			function getFieldValue(fieldName){
				document.getElementsByName('image')[0].style.display="block";
				return  document.getElementsByName(fieldName)[0].value;
			}
		&#139;/script&#155;
	&#139;/head&#155;
 
	&#139;body&#155;
		&#139;table&#155;
			&#139;tr&#155;
				&#139;td&#155;&#139;button id="startButton" name="startButton" type="button" onclick="javascript:startUpdate();"&#155;Start&#139;/button&#155;&#139;/td&#155;
				&#139;td&#155;&#139;button id="stopButton" name="stopButton" type="button" onclick="javascript:stopUpdate();" disabled&#155;Stop&#139;/button&#155;&#139;/td&#155;
			&#139;/tr&#155;
			&#139;tr&#155;
				&#139;td&#155;Largeur de l'image:&#139;/td&#155;&#139;td&#155;&#139;input type="text" name="imageWidth" value="480"/&#155;&#139;/td&#155;
				&#139;td&#155;Hauteur de l'image:&#139;/td&#155;&#139;td&#155;&#139;input type="text" name="imageHeight" value="200"/&#155;&#139;/td&#155;
			&#139;/tr&#155;			
			&#139;tr&#155;				
				&#139;td&#155;Angle de départ:&#139;/td&#155;&#139;td&#155;&#139;input type="text" name="beginAngle" value="0"/&#155;&#139;/td&#155;
				&#139;td&#155;Angle de fin:&#139;/td&#155;&#139;td&#155;&#139;input type="text" name="endAngle" value="360"/&#155;&#139;/td&#155;
			&#139;/tr&#155;			
			&#139;tr&#155;				
				&#139;td colspan="2"&#155;&#139;button type="button" onclick="javascript:getImage();"/&#155;Voir l'image&#139;/button&#155;&#139;/td&#155;
			&#139;/tr&#155;			
			&#139;tr&#155;
				&#139;td colspan="2"&#155;
					&#139;img id="image" name="image" style="display: none;"/&#155;
				&#139;/td&#155;
			&#139;/tr&#155;
		&#139;/table&#155;
	&#139;/body&#155;
&#139;/html&#155;

Retourner au début du code

Démarrer votre page HTML dans un navigateur.

Modifier la valeur de un ou plusieurs champs et cliquez sur le bouton "Voir l'image". L'image est générée dynamiquement côté serveur en fonction des valeurs fournies et est mise à jour dans votre page HTML.

Cliquez ensuite sur le bouton "Start". La valeur de l'angle de fin sera incrémentée de 10 toutes les 2 secondes et l'image sera regénérée (utilisation de setTimeout(...) en Javascript.

Le code qui permet de générer l'image et de l'envoyer sur le flux sans la stocker côté serveur se trouve dans la servlet:

Code Java (28 lignes)

//Création d'un image
			BufferedImage image = new BufferedImage(imageWidth, imageHeight, BufferedImage.TYPE_INT_RGB);
//Récupération de l'objet Graphics de cette image que l'on caste en Graphics2D
			Graphics2D gr = (Graphics2D) image.getGraphics();
//On dessine sur l'objet Graphics2D
			gr.setColor(Color.BLACK);
			gr.fillRect(0, 0, imageWidth, imageHeight);
			gr.setColor(Color.WHITE);
			gr.drawArc(0, 0, imageWidth, imageHeight, beginAngle, endAngle - beginAngle);
			int x1 = (int) (imageWidth / 2);
			int y1 = (int) (imageHeight / 2);
			double radBegin = beginAngle*Math.PI/180;
			double radend = endAngle*Math.PI/180;
			int x2 = (int) (x1 + Math.cos(radBegin) * (imageWidth / 2));
			int y2 = (int) (y1 - Math.sin(radBegin) * (imageHeight / 2));
			gr.drawLine(x1, y1, x2, y2);
			x2 = (int) (x1 + Math.cos(radend) * (imageWidth / 2));
			y2 = (int) (y1 - Math.sin(radend) * (imageHeight / 2));
			gr.drawLine(x1, y1, x2, y2);
//IMPORTANT: définir le type de contenu de la réponse
			response.setContentType("image/jpg");
//Définir le contenu comme étant "inline" et, éventuellement, spécifier un nom pour l'image générée
			response.setHeader("Content-disposition", "inline; filename=test.jpg");
//Instancier un JPEGImageEncoder en lui passant le flux sur lequel il devra envoyer l'image
			JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder
(response.getOutputStream());
//Appeler la méthode encode() de l'encoder: la magie est ici (ici devrait apparaître un smiley qui vous fait un petit clin d'oeil mais, nom di dju Steph!, arrête de parser tout le code publié et de supprimer mes petites smileys!).  En effet, l'encoder va générer l'image JPEG et l'envoyer directement sur le flux de sortie de la servlet
			encoder.encode(image);

Retourner au début du code

Zé voilou!

Exercice intéressant: essayer d'adapter le code pour créer un chronomètre ou, mieux, une petite horloge...

HackTrack

Un article de HackTrackModifié 1 fois. (dernière modification le 29/01/2007 12:37:57 par HackTrack)

Source : indéterminée

Créer un web service avec visual studio Alterner la couleur des lignes dans une JTable

Sélection, tri et recherche d'articles

FILTRER :
TRIER :	1er critère :	2e critère :
CHERCHER :		Dans les titres	Dans le contenu

[Afficher les liens en fonction des critères du formulaire ci-dessus]

Nederlandse vertaling

U hebt gevraagd om deze site in het Nederlands te bezoeken. Voor nu wordt alleen de interface vertaald, maar nog niet alle inhoud.

Als je me wilt helpen met vertalingen, is je bijdrage welkom. Het enige dat u hoeft te doen, is u op de site registreren en mij een bericht sturen waarin u wordt gevraagd om u toe te voegen aan de groep vertalers, zodat u de gewenste pagina's kunt vertalen. Een link onderaan elke vertaalde pagina geeft aan dat u de vertaler bent en heeft een link naar uw profiel.

Bij voorbaat dank.

Document heeft de 13/09/2004 gemaakt, de laatste keer de 26/10/2018 gewijzigd
Bron van het afgedrukte document:https://www.gaudry.be/nl/ast-rf-379.html

De infobrol is een persoonlijke site waarvan de inhoud uitsluitend mijn verantwoordelijkheid is. De tekst is beschikbaar onder CreativeCommons-licentie (BY-NC-SA). Meer info op de gebruiksvoorwaarden en de auteur.

Opmerkingen

08/12/2004 10:18:41 : par Pat Hello!

Ce serait sympa d'avoir un champ de recherche par mot-clé, au moins dans les trucs et astuces. Ca permet de trouver plus vite, mais aussi d'éviter la redondance.

Pat
- 16/07/2013 12:05:13 : par ka elgghiiii
08/12/2004 19:59:28 : par Steph Super idée.
Je m'y mets dès que j'ai un peu de temps (et je reprendrais le développement du moteur de recherche infobrol).
merci.
03/02/2005 10:49:33 : par Amandine Cette option ne fonctionne pas (ou plus)
Ma config:

XP SP2.
IE 6.
Pare feu XP activé par défaut.
07/04/2005 18:44:25 : par Adenine Comme tu m'avais dit que tu avais des fonctions spéciales pour colorer différents langages dans tes pages, tu sais nous mettre un bouton bbcode pour du code (ex: PHP, javascript, etc) dans les articles?
09/04/2005 12:38:45 : par Amandine J'ai bousillé l'affichage en essayant de placer du code php dans une astuce...
Je ne sais pas corriger mon code.
:-(
- 09/04/2005 13:08:34 : par Steph Je suis sur que tu le fais exprès : tu ne te pointes pas sur le forum pendant plus d'un mois, et il faut que tu poste du code au moment où je suis occupé à modifier le code des colorations pour répondre à la demande de Adenine...
  En plus, je rame un peu, donc tu devras probablement attendre un jour ou deux.
03/02/2006 10:08:13 : par Adenine Les caractères accentués sont remplacés, c'est bien, mais c'est peu lisible :-(
03/02/2006 10:10:16 : par Adenine Tu dois avoir laissé trainer un ln2br dans ton code, nos commentaires affichent les
03/02/2006 10:11:51 : par Adenine 3 erreurs le meme jour!!!
je viens de recevoir le mail de mon article, et il n'est plus en format HTML
29/01/2007 12:42:13 : par HackTrack Steph,

pourrais-tu donner la possibilité de mettre en évidence une partie du code qui apparaît entre les balises "syntax" tout comme on peut le faire dans le reste des posts?

Il serait utile de pouvoir, par exemple, placer du code en gras.

... et arrêt de suprrimer les petits smileys

>:={( (cleui-ci, tu ne l'as pas supprimé...gniêk...gniêk)

HackTrack
22/02/2007 07:48:28 : par reboot petit truc pour tes tags bbcode: quand on insère une image, tu devrais vérifier la taille pour ne pas déformer le design
07/04/2008 12:59:33 : par linuxien Bonjour, je compile un programme sous linux contenant des accents :

String str = "Je préfère Linux pour compiler";
System.out.println(str);

Lancé sur depuis une console UTF-8 sur Linux il me retourne ma string en UTF-8
Mais sous Windows, les accents sont corrompus, dans le genre "Je prÃ©rÃ¨re Linux pour compiler"

Est t'il possible de gérer correctement le jeu de caractère pour les 2 systèmes ?
Ou même simplement de compiler depuis linux à destination d'un jeu de caractère windows ?

J'ai essayer d'encoder mon fichier en windows, mais le "Text file encoding" depuis Linux propose seulement :
ISO-8859-1
US-ASCII
UTF-16
UTF-16BE
UTF-16LE
UTF-8

Mais pas le CP1252 de Windows..
17/05/2008 08:23:54 : par kill em all Quand une astuce est afficher il y a une image avec la rubrique. Ce serait bien d'avoir un lien dessus vers les autre astuces de la rubrique.
Sinon, super merci
18/07/2008 16:37:15 : par invité pour plus d'informaton au niveau de truc pour avoir un utile pour acceder au system win 2000 .au niveau de securiter de system qu est trs interisant en peux peux
30/10/2008 10:27:46 : par invité suprimer le controle parentale et internet se connect
22/12/2008 16:48:28 : par invité Merci pour cette info, j'ai cherché sans succès (je me limitais à 'outils' ;o))
@+
29/12/2008 15:18:54 : par invité merci mille fois
t'es genial
26/01/2012 21:30:26 : par Zedd Un grand merci !
Le cmd... tellement pratique mais tellement dur d'y penser !
16/07/2013 12:07:37 : par mercisseur merci merci merci pour tous un grand merci et merci encore