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	626	$i(n).innerHTML += res;
627	627	}
628	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	630	balloon = new Balloon;
631	631	balloon.delayTime = 0;
632	632	var res = "<div style=text-align:left >"+res+"</div>";
633	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	248	O resultado dos cálculos são armazenados no objeto objposicaocursor
249	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	271	Parameters:
272	272
...	...
...	...	@@ -216,5 +216,40 @@ Converte para sépia normal
216	216	}
217	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	256	\ No newline at end of file
...	...
...	...	@@ -293,6 +293,41 @@ Include:
293	293	$m = new Imagem($nomer);
294	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	331	$nomer = ($imgo->imageurl).basename($nomer);
297	332	}
298	333	if ($imgo == ""){return "erro";}
...	...
...	...	@@ -6,8 +6,13 @@
6	6	<title></title>
7	7	</head>
8	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	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	16	<table summary="" class=lista3 >
12	17	<tr>
13	18	<td><input style='cursor:pointer' type=radio name=tipo value=nenhum checked ></td>
...	...	@@ -15,24 +20,52 @@
15	20	<td><img src="../../imagens/filtro_nenhum.png" /></td>
16	21	</tr>
17	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	24	<td>tons de cinza</td>
20	25	<td><img src="../../imagens/filtro_cinza.png" /></td>
21	26	</tr>
22	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	29	<td>sépia clara</td>
25	30	<td><img src="../../imagens/filtro_sepiaclara.png" /></td>
26	31	</tr>
27	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	34	<td>sépia normal</td>
30	35	<td><img src="../../imagens/filtro_sepianormal.png" /></td>
31	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	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	69	</div>
37	70
38	71	<script src="../i3geo_tudo_compacto.js.php" type="text/javascript"></script>
...	...