logo El diario de Pepe Molina (Caricatos)

yo

La idea es: en un cuadrado opaco insertar un círculo transparente; luego en cada ángulo de la imagen que vamos a aplicar el efecto, superponerle el ángulo correspondiente de esta imagen que hemos comentado. Por último transparentar el color que en principio era opaco.


Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

Los jóvenes no saben lo suficiente como para ser prudentes, y por eso intentan lo imposible. Y lo consiguen generación tras generación

Pearl S. Buck, novelista estadounidense (1892-1973).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Fotos con esquinas redondeadas

emoticón de Caricatos Publicado el día 07 de agosto de 2011
id=36; categorías: Así se hizo, Vicisitudes de un Webmaster, Programación

mi retrato Hace poco han creado el mensaje: Redondear imagenes en los Foros del web, donde propuse utilizar las librerías GD (php) para ello; y aunque el compañero del foro Panino5001 propuso una solución muy interesante, yo voy a proponer otra basándome en el apunte: Rollover en mapa. Caso de estudio. La idea es: en un cuadrado opaco insertar un círculo transparente; luego en cada ángulo de la imagen que vamos a aplicar el efecto, superponerle el ángulo correspondiente de esta imagen que hemos comentado. Por último transparentar el color que en principio era opaco.

No voy a decir si un código es mejor que otro, cada uno es libre de juzgarlo; tan solo pondré el código resultante que puede verse entre los extras de este diario (se pueden ver en el editor del mismo).

$radio = (int) $_GET["radio"];
$diametro = $radio * 2 + 1;
$figura = imagecreatetruecolor($diametro, $diametro);
$fondo = imagecolorallocate($figura, 255, 255, 255);
imagefill($figura, 0, 0, $fondo);
$negro = imagecolorallocate($figura, 0, 0, 0);
imagefilledellipse($figura, $radio, $radio, $diametro, $diametro, $negro);
imagecolortransparent($figura, $negro);
$foto = imagecreatefromstring(file_get_contents($_GET["url"]));
$ancho = imagesX($foto);
$alto = imagesY($foto);
imagecopymerge($foto, $figura, 0, 0, 0, 0, $radio, $radio, 100);
imagecopymerge($foto, $figura, $ancho - $radio, 0, $radio + 1, 0, $radio, $radio, 100);
imagecopymerge($foto, $figura, 0, $alto - $radio, 0, $radio + 1, $radio, $radio, 100);
imagecopymerge($foto, $figura, $ancho - $radio, $alto - $radio, $radio + 1, $radio + 1, $radio, $radio, 100);
$transpa = imagecolorallocate($foto, 255, 255, 255);
imagecolortransparent($foto, $transpa);
header("Content-Type: image/png");
imagepng($foto);
imagedestroy($figura);
imagedestroy($foto);

Algunas notas adicionales

Hemos visto que para generar el círculo hemos usado un elemento que en realidad crea formas elípticas pero con la misma altura y anchura. Se nos ocurre que es más fácil crear fotos con ese tipo de forma; y algo que también supongo que sería sencillo de implementar son bordes coloreados, cosas que por el momento lo dejamos pendiente.

Zona de comentarios

Hemos encontrado 1 comentarios.

#Mensaje enviado por Andrés Fernández
Comentario escrito el día 17 de septiembre de 2011, a la hora 16:08:55
url: http://www.disegnocentell.com.ar
email: mobius@disegnocentell.com.ar

Hola, Pepe! Recién veo esta alternativa y me gusta mucho más que la mía porque no es necesario indicarle el color de fondo: excelente!

Evaluación

Valoración de esta página: (apunte.36) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 3859 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

../diario.imagen.php?id=2&max=480
enlace a la postal
Copyright © 2002-2018 www.pepemolina.com
RSS rss | Ver Mapa del sitio