logo El diario de Pepe Molina (Caricatos)

yo

Hemos trabajado con la imagen que tenemos junto a este párrafo a modo de "caso de estudio" en algunas ocasiones, como en los apuntes javascript: rollover en mapas y Áreas poligonales para efecto rollover.


Ú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

A los que corren en un laberinto, su misma velocidad los confunde

Séneca, Lucius Annaeus, filósofo latino (c.5 a. C.-65 d. C.).


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

SVG: Preliminares

emoticón de Caricatos Publicado el día 25 de junio de 2012
id=89; categorías: Vicisitudes de un Webmaster, Programación

Figuras geométricas Hemos trabajado con la imagen que tenemos junto a este párrafo a modo de "caso de estudio" en algunas ocasiones, como en los apuntes javascript: rollover en mapas y Áreas poligonales para efecto rollover. Ahora nos servirá también para iniciarnos en el formato SVG, motivados por el comentario que nos ha dejado en el primero de los apuntes citados el webmaster de uno de nuestros sitios amigos; Centell: Diseño Gráfico.

En principio vamos a poner el código para obtener la misma imagen, pero editable desde un simple editor de textos como el block de notas de cualquier sistema:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300px" height="100px" >
	<rect fill="#0000ff" x="8" y="8" width="21" height="22" />
	<polygon fill="#ff0000" points="82,7,85,7,86,6,86,7,88,9,88,10,90,12,90,13,91,14,91,15,93,17,93,18,95,20,95,21,97,23,97,24,93,28,93,29,88,34,88,35,84,39,83,39,82,38,80,38,79,37,77,37,76,36,75,36,74,35,72,35,71,34,70,34,69,33,67,33,66,32,65,32,65,25,66,24,66,12,67,11,70,11,71,10,74,10,75,9,77,9,78,8,81,8" />
	<polygon fill="#ffff00" points="143,59,144,59,145,60,146,60,147,61,148,61,149,60,151,60,152,59,153,59,154,58,155,58,166,47,166,46,168,44,168,43,169,42,169,40,171,38,171,35,172,34,172,33,173,32,173,31,174,30,174,26,175,25,175,24,177,22,177,19,178,18,178,17,179,16,179,15,183,11,183,10,184,10,185,9,191,9,194,12,194,18,193,19,193,20,191,22,191,23,189,25,189,28,188,29,188,30,186,32,186,34,185,35,185,37,184,38,184,40,183,41,183,43,182,44,182,45,181,46,181,47,180,48,180,49,179,50,179,51,178,52,178,53,177,54,177,55,174,58,174,59,166,67,165,67,164,68,162,68,161,69,160,69,159,70,158,70,155,73,143,73,141,71,139,71,138,70,136,70,135,69,134,69,133,68,132,68,130,66,130,64,129,63,129,62,128,61,128,60,127,59,127,41,128,40,128,39,129,38,129,37,131,35,131,34,133,32,134,32,135,31,137,31,138,30,140,30,141,29,150,29,151,30,152,30,152,31,153,32,153,38,151,40,146,40,145,41,144,41,140,45,140,46,139,47,139,53,140,54,140,56" />
	<polygon fill="#00ff00" points="206,49,207,50,209,50,213,54,213,56,214,57,214,62,213,63,213,65,209,69,207,69,206,70,201,70,200,69,198,69,194,65,194,63,193,62,193,57,194,56,194,54,198,50,200,50,201,49" />
</svg>

Viendo la imagen que acompaña este párrafo, parece que hemos copiado la misma imágen del principio, pero la primera es una imagen del tipo "png", y la segunda no es otra cosa que la inserción en este apunte del código que vemos en el recuadro anterior.

Para obtener las coordenadas hemos usado la misma herramienta que usamos en los dos apuntes mencionados en el primer párrafo con unas leves modificaciones, que hemos incluído también en este dominio, y puede accederse desde la sección "Otras páginas del dominio": Capturar áreas.

Figuras

Por ahora nos hemos interesado en las figuras que pueden usarse también en áreas de imágenes como en los apuntes que hemos mencionado, y como puede apreciarse en el código, existen rectángulos y polígonos; pero también líneas, círculos y elipses. Esta es la referencia: Basic Shapes.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.89) 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 3687 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
http://www.pepemolina.com/postales/Navidad/TgC_Navidad_31.gif
enlace a la postal
Copyright © 2002-2018 www.pepemolina.com
RSS rss | Ver Mapa del sitio