Incluidos novos filtros na ferramenta de filtragem do tipo de imagem do mapa

Edmar Moretti
1 parent 33c22229
Showing 12 changed files with 122 additions and 19 deletions Show diff stats
classesjs/classe_configura.js
classesjs/classe_eventos.js
classesphp/classe_imagem.php
classesphp/classe_mapa.php
ferramentas/tipoimagem/index.htm
imagens/filtro_detectabordas.png
imagens/filtro_embassa.png
imagens/filtro_gaussianblur.png
imagens/filtro_meanremoval.png
imagens/filtro_negativo.png
imagens/filtro_selectiveblur.png
imagens/visual/laranja/Thumbs.db
@@ -626,12 +626,12 @@ i3GEO.configura = {
 											$i(n).innerHTML += res;
 										}
 										else{
-											var nn = i3GEO.janela.tip("<img id='teste' src='"+i3GEO.configura.locaplic+"/imagens/grabber.gif' />");
+											var nn = i3GEO.janela.tip("<img id='marcaBalao' src='"+i3GEO.configura.locaplic+"/imagens/grabber.gif' />");
 											balloon = new Balloon;
 											balloon.delayTime = 0;
 											var res = "<div style=text-align:left >"+res+"</div>";
 											//$i(nn+"cabecatip").onmouseover = function(evt){balloon.showTooltip(evt,res);};
-											balloon.showTooltip($i("teste"),res);
+											balloon.showTooltip($i("marcaBalao"),res);
 										}
 									}
 								}
@@ -248,25 +248,25 @@ i3GEO.eventos = {
 	O resultado dos cálculos são armazenados no objeto objposicaocursor
 	esse objeto terá as seguintes propriedades:
-			propriedades.ddx valor de x em décimos de grau
+			objposicaocursor.ddx valor de x em décimos de grau
-			propriedades.ddy valor de y em décimos de grau
+			objposicaocursor.ddy valor de y em décimos de grau
-			propriedades.dmsx valor de x em dms
+			objposicaocursor.dmsx valor de x em dms
-			propriedades.dmsy valor de y em dms
+			objposicaocursor.dmsy valor de y em dms
-			propriedades.telax posicao x na tela em pixels
+			objposicaocursor.telax posicao x na tela em pixels
-			propriedades.telay posicao y na tela em pixels
+			objposicaocursor.telay posicao y na tela em pixels
-			propriedades.imgx posicao x no mapa em pixels
+			objposicaocursor.imgx posicao x no mapa em pixels
-			propriedades.imgy: posicao y no mapa em pixels
+			objposicaocursor.imgy: posicao y no mapa em pixels
-			propriedades.refx: posicao x no mapa de referência em pixels
+			objposicaocursor.refx: posicao x no mapa de referência em pixels
-			propriedades.refy: posicao x no mapa de referência em pixels
+			objposicaocursor.refy: posicao x no mapa de referência em pixels
 	Parameters:
@@ -216,5 +216,40 @@ Converte para sépia normal
 		}
 		return $this->img;
 	}
+	function negativo()
+	{
+		imagefilter($this->img, IMG_FILTER_NEGATE);
+		return $this->img;
+	}
+	function detectaBordas()
+	{
+		imagefilter($this->img, IMG_FILTER_EDGEDETECT);
+		return $this->img;
+	}
+	function embassa()
+	{
+		imagefilter($this->img, IMG_FILTER_EMBOSS);
+		return $this->img;
+	}
+	function gaussian_blur()
+	{
+		imagefilter($this->img, IMG_FILTER_GAUSSIAN_BLUR);
+		return $this->img;
+	}
+	function selective_blur()
+	{
+		imagefilter($this->img, IMG_FILTER_SELECTIVE_BLUR);
+		return $this->img;
+	}
+	function mean_removal()
+	{
+		imagefilter($this->img, IMG_FILTER_MEAN_REMOVAL);
+		return $this->img;
+	}
+	function pixelate()
+	{
+		imagefilter($this->img, IMG_FILTER_PIXELATE,200,true);
+		return $this->img;
+	}
 }
 ?>
 \ No newline at end of file
@@ -293,6 +293,41 @@ Include:
 				$m = new Imagem($nomer);
 				imagepng($m->sepiaNormal(),str_replace("\\","/",$nomer));
 			}
+			if ($tipoimagem == "negativo")
+			{
+				$m = new Imagem($nomer);
+				imagepng($m->negativo(),str_replace("\\","/",$nomer));
+			}
+			if ($tipoimagem == "detectaBordas")
+			{
+				$m = new Imagem($nomer);
+				imagepng($m->detectaBordas(),str_replace("\\","/",$nomer));
+			}
+			if ($tipoimagem == "embassa")
+			{
+				$m = new Imagem($nomer);
+				imagepng($m->embassa(),str_replace("\\","/",$nomer));
+			}
+			if ($tipoimagem == "gaussian_blur")
+			{
+				$m = new Imagem($nomer);
+				imagepng($m->gaussian_blur(),str_replace("\\","/",$nomer));
+			}
+			if ($tipoimagem == "selective_blur")
+			{
+				$m = new Imagem($nomer);
+				imagepng($m->selective_blur(),str_replace("\\","/",$nomer));
+			}
+			if ($tipoimagem == "mean_removal")
+			{
+				$m = new Imagem($nomer);
+				imagepng($m->mean_removal(),str_replace("\\","/",$nomer));
+			}
+			if ($tipoimagem == "pixelate")
+			{
+				$m = new Imagem($nomer);
+				imagepng($m->pixelate(),str_replace("\\","/",$nomer));
+			}	
 			$nomer = ($imgo->imageurl).basename($nomer);
 		}
 		if ($imgo == ""){return "erro";}
@@ -6,8 +6,13 @@
 <title></title>
 </head>
 <body>
-<div  id=opcoes style=top:0px;left:0px;text-align:left;width:100%; >
+<div  id=opcoes style=top:0px;left:0px;text-align:left;width:100%;overflow:auto;height:250px; >
 	Escolha o filtro de cores que ser&aacute; aplicado. Filtros podem tornar o desenho do mapa mais lento.<br><br>
+
+	<div onclick="aplicar()" style='width:100px;text-align:left;position:relative;' >
+	<input id=botao1 type="button" size=10 value="Aplicar"  />
+	</div>
+
 	<table summary="" class=lista3 >
 	<tr>
 		<td><input style='cursor:pointer' type=radio name=tipo value=nenhum checked ></td>
@@ -15,24 +20,52 @@
 		<td><img src="../../imagens/filtro_nenhum.png" /></td>
 	</tr>
 	<tr>
-		<td><input style='cursor:pointer' type=radio name=tipo value=cinza></td>
+		<td><input style='cursor:pointer' type=radio name=tipo value=cinza ></td>
 		<td>tons de cinza</td>
 		<td><img src="../../imagens/filtro_cinza.png" /></td>
 	</tr>
 	<tr>
-		<td><input style='cursor:pointer' type=radio name=tipo value=sepiaclara></td>
+		<td><input style='cursor:pointer' type=radio name=tipo value=sepiaclara ></td>
 		<td>s&eacute;pia clara</td>
 		<td><img src="../../imagens/filtro_sepiaclara.png" /></td>
 	</tr>
 	<tr>
-		<td><input style='cursor:pointer' type=radio name=tipo value=sepianormal></td>
+		<td><input style='cursor:pointer' type=radio name=tipo value=sepianormal ></td>
 		<td>s&eacute;pia normal</td>
 		<td><img src="../../imagens/filtro_sepianormal.png" /></td>
 	</tr>
+	<tr>
+		<td><input style='cursor:pointer' type=radio name=tipo value=negativo ></td>
+		<td>negativo</td>
+		<td><img src="../../imagens/filtro_negativo.png" /></td>
+	</tr>
+	<tr>
+		<td><input style='cursor:pointer' type=radio name=tipo value=detectaBordas ></td>
+		<td>detecta bordas</td>
+		<td><img src="../../imagens/filtro_detectabordas.png" /></td>
+	</tr>
+	<tr>
+		<td><input style='cursor:pointer' type=radio name=tipo value=embassa ></td>
+		<td>emboss</td>
+		<td><img src="../../imagens/filtro_embassa.png" /></td>
+	</tr>
+	<tr>
+		<td><input style='cursor:pointer' type=radio name=tipo value=gaussian_blur ></td>
+		<td>gaussian blur</td>
+		<td><img src="../../imagens/filtro_gaussianblur.png" /></td>
+	</tr>
+	<tr>
+		<td><input style='cursor:pointer' type=radio name=tipo value=selective_blur ></td>
+		<td>selective blur</td>
+		<td><img src="../../imagens/filtro_selectiveblur.png" /></td>
+	</tr>
+	<tr>
+		<td><input style='cursor:pointer' type=radio name=tipo value=mean_removal ></td>
+		<td>mean removal</td>
+		<td><img src="../../imagens/filtro_meanremoval.png" /></td>
+	</tr>
+
 	</table>
-	<div onclick="aplicar()" style='text-align:left;left:180px;position:absolute;top:120px;' >
-	<input id=botao1 type="button" size=10 value="Aplicar"  />
-	</div>
 </div>
 <script src="../i3geo_tudo_compacto.js.php" type="text/javascript"></script>
	@@ -626,12 +626,12 @@ i3GEO.configura = {		@@ -626,12 +626,12 @@ i3GEO.configura = {
626	$i(n).innerHTML += res;	626	$i(n).innerHTML += res;
627	}	627	}
628	else{	628	else{
629	- var nn = i3GEO.janela.tip("<img id='teste' src='"+i3GEO.configura.locaplic+"/imagens/grabber.gif' />");	629	+ var nn = i3GEO.janela.tip("<img id='marcaBalao' src='"+i3GEO.configura.locaplic+"/imagens/grabber.gif' />");
630	balloon = new Balloon;	630	balloon = new Balloon;
631	balloon.delayTime = 0;	631	balloon.delayTime = 0;
632	var res = "<div style=text-align:left >"+res+"</div>";	632	var res = "<div style=text-align:left >"+res+"</div>";
633	//$i(nn+"cabecatip").onmouseover = function(evt){balloon.showTooltip(evt,res);};	633	//$i(nn+"cabecatip").onmouseover = function(evt){balloon.showTooltip(evt,res);};
634	- balloon.showTooltip($i("teste"),res);	634	+ balloon.showTooltip($i("marcaBalao"),res);
635	}	635	}
636	}	636	}
637	}	637	}
	@@ -248,25 +248,25 @@ i3GEO.eventos = {		@@ -248,25 +248,25 @@ i3GEO.eventos = {
248	O resultado dos cálculos são armazenados no objeto objposicaocursor	248	O resultado dos cálculos são armazenados no objeto objposicaocursor
249	esse objeto terá as seguintes propriedades:	249	esse objeto terá as seguintes propriedades:
250		250
251	- propriedades.ddx valor de x em décimos de grau	251	+ objposicaocursor.ddx valor de x em décimos de grau
252		252
253	- propriedades.ddy valor de y em décimos de grau	253	+ objposicaocursor.ddy valor de y em décimos de grau
254		254
255	- propriedades.dmsx valor de x em dms	255	+ objposicaocursor.dmsx valor de x em dms
256		256
257	- propriedades.dmsy valor de y em dms	257	+ objposicaocursor.dmsy valor de y em dms
258		258
259	- propriedades.telax posicao x na tela em pixels	259	+ objposicaocursor.telax posicao x na tela em pixels
260		260
261	- propriedades.telay posicao y na tela em pixels	261	+ objposicaocursor.telay posicao y na tela em pixels
262		262
263	- propriedades.imgx posicao x no mapa em pixels	263	+ objposicaocursor.imgx posicao x no mapa em pixels
264		264
265	- propriedades.imgy: posicao y no mapa em pixels	265	+ objposicaocursor.imgy: posicao y no mapa em pixels
266		266
267	- propriedades.refx: posicao x no mapa de referência em pixels	267	+ objposicaocursor.refx: posicao x no mapa de referência em pixels
268		268
269	- propriedades.refy: posicao x no mapa de referência em pixels	269	+ objposicaocursor.refy: posicao x no mapa de referência em pixels
270		270
271	Parameters:	271	Parameters:
272		272
	@@ -216,5 +216,40 @@ Converte para sépia normal		@@ -216,5 +216,40 @@ Converte para sépia normal
216	}	216	}
217	return $this->img;	217	return $this->img;
218	}	218	}
		219	+ function negativo()
		220	+ {
		221	+ imagefilter($this->img, IMG_FILTER_NEGATE);
		222	+ return $this->img;
		223	+ }
		224	+ function detectaBordas()
		225	+ {
		226	+ imagefilter($this->img, IMG_FILTER_EDGEDETECT);
		227	+ return $this->img;
		228	+ }
		229	+ function embassa()
		230	+ {
		231	+ imagefilter($this->img, IMG_FILTER_EMBOSS);
		232	+ return $this->img;
		233	+ }
		234	+ function gaussian_blur()
		235	+ {
		236	+ imagefilter($this->img, IMG_FILTER_GAUSSIAN_BLUR);
		237	+ return $this->img;
		238	+ }
		239	+ function selective_blur()
		240	+ {
		241	+ imagefilter($this->img, IMG_FILTER_SELECTIVE_BLUR);
		242	+ return $this->img;
		243	+ }
		244	+ function mean_removal()
		245	+ {
		246	+ imagefilter($this->img, IMG_FILTER_MEAN_REMOVAL);
		247	+ return $this->img;
		248	+ }
		249	+ function pixelate()
		250	+ {
		251	+ imagefilter($this->img, IMG_FILTER_PIXELATE,200,true);
		252	+ return $this->img;
		253	+ }
219	}	254	}
220	?>	255	?>
221	\ No newline at end of file	256	\ No newline at end of file
	@@ -293,6 +293,41 @@ Include:		@@ -293,6 +293,41 @@ Include:
293	$m = new Imagem($nomer);	293	$m = new Imagem($nomer);
294	imagepng($m->sepiaNormal(),str_replace("\\","/",$nomer));	294	imagepng($m->sepiaNormal(),str_replace("\\","/",$nomer));
295	}	295	}
		296	+ if ($tipoimagem == "negativo")
		297	+ {
		298	+ $m = new Imagem($nomer);
		299	+ imagepng($m->negativo(),str_replace("\\","/",$nomer));
		300	+ }
		301	+ if ($tipoimagem == "detectaBordas")
		302	+ {
		303	+ $m = new Imagem($nomer);
		304	+ imagepng($m->detectaBordas(),str_replace("\\","/",$nomer));
		305	+ }
		306	+ if ($tipoimagem == "embassa")
		307	+ {
		308	+ $m = new Imagem($nomer);
		309	+ imagepng($m->embassa(),str_replace("\\","/",$nomer));
		310	+ }
		311	+ if ($tipoimagem == "gaussian_blur")
		312	+ {
		313	+ $m = new Imagem($nomer);
		314	+ imagepng($m->gaussian_blur(),str_replace("\\","/",$nomer));
		315	+ }
		316	+ if ($tipoimagem == "selective_blur")
		317	+ {
		318	+ $m = new Imagem($nomer);
		319	+ imagepng($m->selective_blur(),str_replace("\\","/",$nomer));
		320	+ }
		321	+ if ($tipoimagem == "mean_removal")
		322	+ {
		323	+ $m = new Imagem($nomer);
		324	+ imagepng($m->mean_removal(),str_replace("\\","/",$nomer));
		325	+ }
		326	+ if ($tipoimagem == "pixelate")
		327	+ {
		328	+ $m = new Imagem($nomer);
		329	+ imagepng($m->pixelate(),str_replace("\\","/",$nomer));
		330	+ }
296	$nomer = ($imgo->imageurl).basename($nomer);	331	$nomer = ($imgo->imageurl).basename($nomer);
297	}	332	}
298	if ($imgo == ""){return "erro";}	333	if ($imgo == ""){return "erro";}
	@@ -6,8 +6,13 @@		@@ -6,8 +6,13 @@
6	<title></title>	6	<title></title>
7	</head>	7	</head>
8	<body>	8	<body>
9	-<div id=opcoes style=top:0px;left:0px;text-align:left;width:100%; >	9	+<div id=opcoes style=top:0px;left:0px;text-align:left;width:100%;overflow:auto;height:250px; >
10	Escolha o filtro de cores que será aplicado. Filtros podem tornar o desenho do mapa mais lento.<br><br>	10	Escolha o filtro de cores que será aplicado. Filtros podem tornar o desenho do mapa mais lento.<br><br>
		11	+
		12	+ <div onclick="aplicar()" style='width:100px;text-align:left;position:relative;' >
		13	+ <input id=botao1 type="button" size=10 value="Aplicar" />
		14	+ </div>
		15	+
11	<table summary="" class=lista3 >	16	<table summary="" class=lista3 >
12	<tr>	17	<tr>
13	<td><input style='cursor:pointer' type=radio name=tipo value=nenhum checked ></td>	18	<td><input style='cursor:pointer' type=radio name=tipo value=nenhum checked ></td>
	@@ -15,24 +20,52 @@		@@ -15,24 +20,52 @@
15	<td><img src="../../imagens/filtro_nenhum.png" /></td>	20	<td><img src="../../imagens/filtro_nenhum.png" /></td>
16	</tr>	21	</tr>
17	<tr>	22	<tr>
18	- <td><input style='cursor:pointer' type=radio name=tipo value=cinza></td>	23	+ <td><input style='cursor:pointer' type=radio name=tipo value=cinza ></td>
19	<td>tons de cinza</td>	24	<td>tons de cinza</td>
20	<td><img src="../../imagens/filtro_cinza.png" /></td>	25	<td><img src="../../imagens/filtro_cinza.png" /></td>
21	</tr>	26	</tr>
22	<tr>	27	<tr>
23	- <td><input style='cursor:pointer' type=radio name=tipo value=sepiaclara></td>	28	+ <td><input style='cursor:pointer' type=radio name=tipo value=sepiaclara ></td>
24	<td>sépia clara</td>	29	<td>sépia clara</td>
25	<td><img src="../../imagens/filtro_sepiaclara.png" /></td>	30	<td><img src="../../imagens/filtro_sepiaclara.png" /></td>
26	</tr>	31	</tr>
27	<tr>	32	<tr>
28	- <td><input style='cursor:pointer' type=radio name=tipo value=sepianormal></td>	33	+ <td><input style='cursor:pointer' type=radio name=tipo value=sepianormal ></td>
29	<td>sépia normal</td>	34	<td>sépia normal</td>
30	<td><img src="../../imagens/filtro_sepianormal.png" /></td>	35	<td><img src="../../imagens/filtro_sepianormal.png" /></td>
31	</tr>	36	</tr>
		37	+ <tr>
		38	+ <td><input style='cursor:pointer' type=radio name=tipo value=negativo ></td>
		39	+ <td>negativo</td>
		40	+ <td><img src="../../imagens/filtro_negativo.png" /></td>
		41	+ </tr>
		42	+ <tr>
		43	+ <td><input style='cursor:pointer' type=radio name=tipo value=detectaBordas ></td>
		44	+ <td>detecta bordas</td>
		45	+ <td><img src="../../imagens/filtro_detectabordas.png" /></td>
		46	+ </tr>
		47	+ <tr>
		48	+ <td><input style='cursor:pointer' type=radio name=tipo value=embassa ></td>
		49	+ <td>emboss</td>
		50	+ <td><img src="../../imagens/filtro_embassa.png" /></td>
		51	+ </tr>
		52	+ <tr>
		53	+ <td><input style='cursor:pointer' type=radio name=tipo value=gaussian_blur ></td>
		54	+ <td>gaussian blur</td>
		55	+ <td><img src="../../imagens/filtro_gaussianblur.png" /></td>
		56	+ </tr>
		57	+ <tr>
		58	+ <td><input style='cursor:pointer' type=radio name=tipo value=selective_blur ></td>
		59	+ <td>selective blur</td>
		60	+ <td><img src="../../imagens/filtro_selectiveblur.png" /></td>
		61	+ </tr>
		62	+ <tr>
		63	+ <td><input style='cursor:pointer' type=radio name=tipo value=mean_removal ></td>
		64	+ <td>mean removal</td>
		65	+ <td><img src="../../imagens/filtro_meanremoval.png" /></td>
		66	+ </tr>
		67	+
32	</table>	68	</table>
33	- <div onclick="aplicar()" style='text-align:left;left:180px;position:absolute;top:120px;' >
34	- <input id=botao1 type="button" size=10 value="Aplicar" />
35	- </div>
36	</div>	69	</div>
37		70
38	<script src="../i3geo_tudo_compacto.js.php" type="text/javascript"></script>	71	<script src="../i3geo_tudo_compacto.js.php" type="text/javascript"></script>