El diario de Pepe Molina (Caricatos)

Hemos retocado nuestra herramienta para nuestras nuevas pretenciones.

Última caricatura

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

RSS de las imágenes:

La Cita

Prefiero la crítica más punzante de un hombre inteligente a la aprobación irreflexiva de las masas

Johannes Kepler, científico alemán (1571- 1630).

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

Mis Enlaces

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

Mis Clientes

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

Mis Amigos Informáticos

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

Mis Amigos Artistas

Las recomendaciones que proponemos son de índole variada.

Mis recomendaciones

Aquí un cajón de sastre de enlaces.

Interés General

Nos referencian desde sitios de toda índole.

Referencias externas

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

Mapa de España SVG II: Herramientas

Publicado el día 12 de abril de 2017
id=153; categorías: Vicisitudes de un Webmaster, Globalización, Programación

Para ver en detalle los distintos elementos del mapa que hemos elegido de la Wikipedia, ya habíamos desarrollado una sencilla herramienta que lee las etiquetas y atributos que nos interesan de una imagen en formato "SVG".

Hemos retocado nuestra herramienta para nuestras nuevas pretenciones. Ahora, a partir del fichero elegido obtendremos un código bastante simplificado. Empezaremos con un sencillo formulario:

Dirección de la imagen:

Cuando se pulsa el botón del formulario, debajo de estas líneas se muestra el mapa de España, y se actualizan los recuadros de más abajo con datos recogidos del mapa.

Se pueden seleccionar los elementos por su nombre o pulsando sobre ellos en el mapa. Nótese un botón marcado como "zoom"; que también puede conseguirse con un doble click sobre el elemento.

edición Nombre:
tag: color: linea

datos

Terminamos mostrando el código resultante, junto a los estilos y una vista previa.

Código CSS
Código SVG
Imagen: .provincia { stroke: #ccc; fill: #fff8e3; } .provincia:hover { fill: red; } .nada { fill: none; stroke: #999; } .marco { fill: none; stroke: black; stroke-width: 2; stroke-miterlimit: 4; } .marco_canario { fill: none; stroke: #1a171b; stroke-miterlimit: 4; } .linde_canario { fill: black; fill-rule: evenodd; stroke: #ccc; stroke-width: 0.5; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; fill-opacity: 1; opacity: 0.9; stroke-miterlimit: 4; stroke-dasharray: none; } .agua { fill: #d3ebfa; } .exterior { fill: #f4e2ba; stroke: #999; }