[GD] Remplir une forme quelconque par une couleur est-ce possible avec GD ?

Version imprimable

11/04/2014, 13h01
cjean123

[GD] Remplir une forme quelconque par une couleur est-ce possible avec GD ?

Bonjour,

Voici un exemple illustrant mon besoin : sur un site WEB PHP, l'utilisateur renseigne des valeurs en rapport avec un pays. Depuis une carte vierge, en donnant une position X et Y de départ, avec GD2 peut-on faire un remplissage de la forme (grosso-modo un polygone) avec une couleur jusqu'à sa bordure ? un peu comme si on prenait l'image dans un logiciel de dessin, en cliquant sur l'icone du pot de peinture, en choisissant la couleur et en se positionnant dans la forme d'un clic la couleur remplit la forme jusqu'à sa bordure.

En fait ce serait faire un peu comme Map On The World .

L'image de base sera toujours à la même taille, de fond blancs ou transparent. Attention : dans l'exemple, il se peut qu'il y ait plusieurs pays contigus à colorier différemment donc superposer un remplissage avec la carte risque que la couleur empiète sur le pays voisin, ce que je ne veux pas.

Donc si possible avec GD2 sinon je suis preneur quand même.

D'avance, merci à tous.
11/04/2014, 13h50
Spartacusply

imagefilledpolygon ?
11/04/2014, 14h15
cjean123

Ben, non !
Sinon je serais obligé de me palucher la définition de chaque point de polygone pour dessiner les frontières des pays !!! :pc:
Pour l'Europe encore, ça passerais. Mais pour toute la terre cela me prendrais plusieurs mois.
11/04/2014, 14h28
Spartacusply

Ben dans ce cas là oublie GD. Tout objet/figure est défini par une liste de points dans GD. Comment est définie ta carte si ce n'est par une liste de point ?

Pour info le site que tu cites semble utiliser la google chart api.
11/04/2014, 14h39
cjean123

1 pièce(s) jointe(s)

J'ai des cartes déjà dessinées au format JPEG, PNG, TIFF ... peu importe !
Ce je veux faire c'est à partir d'un point X, Y créer du code qui puisse déterminer où se trouve la bordure (frontière ou littoral) de ce pays et colorier son contenu.
Comme je pourrais le faire manuellement avec l'outil "remplissage" Pièce jointe 142705 en cliquant quelque part dans la forme.
11/04/2014, 15h27
Spartacusply

Lol, l'informatique c'est pas automatique.

Tu ne pourras strictement rien faire avec une image jpeg qui est un format de sortie, c'est juste une suite de 0 et de 1 qui, regrouper par paquet, déterminent chaque couleur de chaque pixel. Rien de plus.

A partir de ça, bon courage pour déterminer informatiquement les limites d'un pays ^^
11/04/2014, 16h14
cjean123

Alors si une image n'est qu'une suite de 1 et de 0 comment se fait-il que dans un logiciel de dessin, en cliquant sur l'outil remplissage et en cliquant sur une zone, la couleur la rempli dans la limite déterminée par des pixel d'une autre couleur ?

PHP ayant des fonctions presque équivalente au C je suis sûr qu'un algorithme de remplissage doit exister quelque part. La manipulation de JPEG existe bel et bien, pour preuve, j'ai une application WEB qui dessine les plans de toitures en fonction des relevés pratiqués par des professionnels, change le dessin du toit en fonction du type de matériaux et ajoute tout obstacle (lucarne, cheminé, croupes, chien-assis, etc ...) aux dimensions et positions précisées.

Et non je ne veux plus être tributaire d'API de qui que ce soit : en 2004, j'ai développé un site ASP 3.0 faisant à API de messagerie Microsoft qui est devenue payante. Donc j'ai recodé pour une autre API gratuite (plus légère) et qui a été abandonné 2 ans après sans alternative. Donc je suis passé à PHP avec la promesse de jamais être tributaire d'une application tierce.
11/04/2014, 16h37
Spartacusply

Ces logiciels ne travaillent pas avec des jpeg, ils travaillent avec des types de fichiers qui leurs sont propres, toujours avec des 0 et des 1 certes, mais qui représentent des traits, des cercles, des formes, qui ne sont pas uniquement des points de couleurs.
Pour l'application que tu décris, c'est très bien certes, mais celle-ci possédait des chiffres, des coordonnées en entrée, que ne contient pas un Jpeg, ce qui fait que ce n'est absolument pas comparable ! Extraire quelque chose de "visible" en jpeg c'est facile, l'inverse es hautement plus compliqué.

En gros tu souhaites la fonction "baguette magique" de photoshop (qui elle déjà n'assure pas forcément un résultat fiable) en PHP...

Je n'ai qu'une chose à te dire : bon courage !

1 pièce(s) jointe(s)

tu peu utiliser "imagefilltoborder" the GD
mais c'est plus facile de travailler avec des images en png

voici un petit exemple (simplifié) que j'ai fait pour toi visualiser la chose
http://baras.alotspace.com/map_color/

le code de l'index.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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?php
if(!isset($_GET['X'])){$_GET['X']=0;};
if(!isset($_GET['Y'])){$_GET['Y']=0;};
if(!isset($_GET['COLOR'])){$_GET['COLOR']="255,255,255";};
?>
<h1>Test Color Map</h1>
<a href="#" onClick="getImgX(event); return false">
	<img src="color_map.php?X=<?php echo $_GET['X'];?>&Y=<?php echo $_GET['Y'];?>&COLOR=<?php echo $_GET['COLOR'];?>" border='1'>
</a>
<form id='form1' action="?" method="get">
<input type='hidden' name='X' id='coordX'/>
<input type='hidden' name='Y' id='coordY'/>
color:
<select name='COLOR' id='valCOLOR'>
	<option value='255,0,0'>RED</option>
	<option value='0,255,0'>VERT</option>
	<option value='0,0,255'>BLEU</option>
</select>		
	<br/>
</form>
<script>
function getImgX (evt) {
	var img_x;
	var img_y;
 
	img_x = evt.clientX;
	img_y = evt.clientY;
	for (var offMark = evt.target; offMark; offMark = offMark.offsetParent) {
		img_x -= offMark.offsetLeft;
	}
	for (var offMark = evt.target; offMark;	offMark = offMark.offsetParent) {
		img_y -= offMark.offsetTop;
	}
 
	//var coordinates = 'x: ' + img_x + ', y: ' + img_y;
	//alert (coordinates);
	document.getElementById('coordX').value=img_x;
	document.getElementById('coordY').value=img_y;
	document.getElementById('form1').submit();
 
}
</script>

le code qui génére l'image colorée

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
 
$imgname='test.png';
//$im1 = imagecreatefrompng($imgname);
$img = imagecreatefrompng($imgname);
 
 
$col_ellipse = imagecolorallocate($img, 255, 0, 0);
$border = imagecolorallocate($img, 0, 0, 0);
$textcolor = imagecolorallocate($img, 0, 255, 255);
 
if(isset($_GET['X'])&&isset($_GET['Y'])&&isset($_GET['COLOR'])){
	$x=$_GET['X'];
	$y=$_GET['Y'];
	$color=explode(",",$_GET['COLOR']);
	$fill = imagecolorallocate($img, $color[0], $color[1],$color[2]);
	imagefilltoborder($img, $x, $y,  $border, $fill);
}
 
header('Content-Type: image/png');
imagepng($img);
?>

l'image png:
Pièce jointe 142725

15/04/2014, 12h55
cjean123

Bonjour,

Un grand merci Patrick, c'est exactement pile-poil ce que je cherchais !!! :P
Tu as même été un peu plus loin que ce à quoi je dois aboutir, mais cela va m'ouvrir quelques autres perspectives. Donc je vais conserver précieusement l'ensemble ce code sous la main. :ccool:

Discussion Résolue avec brio !!!
15/04/2014, 13h02
patrickbaras

Content que tu soit content, :-)