Artículos de CartoVector.org (antiguo CartoWeb.es) - SVG

Cómo poner una imagen SVG en una página web

nospam@example.com (Javier Custodio Ayala) — Mon, 14 Sep 2009 20:35:29 +0100

¡Bueno...! Mucho hablar de las imágenes SVG, y resulta que me olvido de comentar cómo se colocan en una página web. Como siempre, una noticia buena, y otra mala (aunque no tanto): el método estándar recomendado por el W3C, y el método particular para el MS Internet Explorer, que, dando la nota como siempre, va por libre.

Continue reading "Cómo poner una imagen SVG en una página web"

Cómo visualizar SVG en Firefox para Linux

nospam@example.com (Javier Custodio Ayala) — Fri, 24 Jul 2009 15:00:01 +0100

Respecto al soporte de SVG en este navegador en la versión de Linux, es de aplicación todo lo expuesto en «Cómo visualizar SVG en Firefox para Windows». Sin embargo, si ha instalado ASV siguiendo las instrucciones de «Cómo instalar Adobe SVG Viewer en Linux», aparece una alternativa muy interesante, sobre todo si emplea intensivamente animación en los SVG y, en particular, emplea el soporte SMIL, que es inexistente por ahora en Firefox, aunque su empleo, por desgracia, actualmente también peca de limitaciones (observadas por mí y que se comentan más abajo) desde que se implantó X.org en sustitución de XFree86 a partir de 2004 por problemas de licencia.

Empleo del applet ASV

Si ha instalado el applet para su empleo con Firefox (que puede comprobarlo mirando el listado que aparece al introducir about:plugins en la barra de direcciones), lo único que tiene que hacer es desactivar el soporte nativo de SVG en Firefox y arrancar el proceso Firefox con, como mínimo, la variable de entorno LC_NUMERIC establecida a POSIX (preferida), C u otra que emplee el punto como coma decimal; p. ej., en bash:

$> (export LC_NUMERIC=POSIX;firefox)

Para ello, siga estas sencillas instrucciones:

Introduzca about:config en la barra de direcciones (posiblemente aparecerá un aviso previo «anti-manazas»).
En filtro, introduzca «svg».
Pulse doblemente sobre la línea svg.enabled (que, muy probablemente, es la única que aparece) y observará que el valor se establece a false.
Fin del procedimiento: a partir de ahora se empleará el applet ASV. Precaución: la primera vez que lo emplee en la visualización de un SVG (y para cada usuario del sistema), aparecerá un cuadro de diálogo de aceptación de licencia que tiene que confirmar; si lo rechaza, es un lío hacer que vuelva a aparecer, por lo que ya le advierto que el que avisa no es traidor. Para asegurarse que se activa, puede visitar la página de prueba de Adobe, en donde aparecen unas pelotas psicodélicas.

Para volver al comportamiento original, repita los pasos (2) y (3), asegurándose de que svg.enabled está establecido a true.

Continue reading "Cómo visualizar SVG en Firefox para Linux"

Visualización de SVG (recapitulación)

nospam@example.com (Javier Custodio Ayala) — Fri, 24 Jul 2009 14:25:00 +0100

Para ver los ejemplos que se muestran en CartoVector, consúltese este artículo, en donde se dan las referencias para varios navegadores y sistemas operativos. Con el tiempo, la lista de artículos se irá ampliando con los nuevos que se publiquen.

Continue reading "Visualización de SVG (recapitulación)"

Cómo visualizar SVG en Safari para Mac

nospam@example.com (Javier Custodio Ayala) — Thu, 23 Jul 2009 23:57:00 +0100

Para los que emplean todavía ordenadores con arquitectura PowerPC, tengo una buena noticia: Safari incorpora el applet Adobe SVG Viewer, por lo que no tendrán problemas en visualizar imágenes SVG. Sin embargo, para los que tienen un iMac, hay una buena noticia, y otra mala. La mala es que Adobe no ha sacado una versión de su ASV (descargable desde su web si por alguna razón no está incluída en la instalación) para la nueva arquitectura (y parece que no lo hará, desde que adquirieron Macromedia a finales de 2005, cuyo producto estrella es Flash: saben que el SVG es un competidor directo, y con todas las ventajas además del XML y de la programación Web 2.0, por lo que supongo que han intentado dejarlo morir); además, el motor de trazado nativo en Safari es igual o incluso más birrioso que el de Firefox, sobre todo con los elementos raster. La buena es que, si ejecutan Safari en modo emulación PPC con Rosetta (creo que viene por defecto con el OS Leopard —vaya ridiculez y presunción de nombre, ¿no? Hay que ser hortera—) se podrá visualizar con el applet ASV, eso sí, con un consumo de recursos un poco superior; sin embargo, puesto que he tenido la desgracia de tener que usar estos equipos, he podido notar que la pérdida de velocidad en la navegación y en la visualización no es exagerada, por lo que opté en su momento en configurar el arranque de Safari siempre en emulación PPC.

(Actualización 2009-07-23) Y para el neófito del Mac, si quiere que su visor sea el ASV y le suena a chino todo lo expuesto, le desarrollo el procedimiento, después de volver a comprobarlo en un iMac nuevecito con Leopard (por cortesía de El Corte Inglés de Las Palmas):

Descárguese desde la página de Adobe el applet para Mac (en Leopard, me ha servido la versión para Mac 10.1-10.4) e instálela.
Con el Finder, cuyo icono tiene la pinta del que aparece a la derecha, en la sección de Aplicaciones seleccione el de Safari y abra la ventana de información con ⌘I.
Active la casilla de ejecutar con Rosetta. Si todavía tiene activo Safari, ciérrelo completamente (salir). A partir de ahora, siempre arrancará Safari en la versión PPC. Dicen que hay un método abreviado más directo y versátil, pero nunca me ha funcionado (vaya Vd. a saber por qué; tampoco me quita el sueño).
Para asegurarse, vaya de nuevo a la página de Adobe y verá que al final de ella aparece una página de prueba. Al entrar, aparecerá un cuadro de diálogo de licencia que tiene que aceptar. Si aparece una imagen con unas pelotitas psicodélicas moviéndose, ¡ya está!
Si quiere volver al comportamiento original de Safari, repita los pasos (2) y (3) pero desactivando la casilla de Rosetta.

Continue reading "Cómo visualizar SVG en Safari para Mac"

Cómo visualizar SVG en Opera para Windows Mobile

nospam@example.com (Javier Custodio Ayala) — Wed, 08 Jul 2009 23:42:00 +0100

¿Necesitan algún navegador decentillo para dispositivos celulares con Windows Mobile como OS o Smartphone? Pues les presento el navegador Opera. Tiene todas las ventajas de las versiones para equipos mejores (ya comentado en otro artículo), y es increíble lo potente y práctico que es, sobre todo si se tiene en cuenta lo reducido de las posibilidades de estos dispositivos. Y sí, dispone de soporte SVG, al menos en su especificación Tiny, lo que no es moco de pavo, y también de ECMAscript (JavaScript) con soporte AJAX (¡casi nada!)

Aunque esta versión sí que es comercial, como la mayoría de los navegadores para dispositivos celulares y PDA, han tenido la decencia de suministrar gratuitamente la versión beta (completa) para su evaluación; y no defrauda. En particular, la versión probada es la de Windows Mobile en un HTC TyTN II y un HP iPAQ 6945.

Uno de los grandes aciertos, en comparación con las versiones anteriores, es la facilidad de navegación y desplazamiento de páginas estándar HTML, así como la posibilidad de ampliación (con texto formateado al ancho de columna) para una lectura cómoda.

Continue reading "Cómo visualizar SVG en Opera para Windows Mobile"

Cómo visualizar SVG en Opera

nospam@example.com (Javier Custodio Ayala) — Tue, 07 Jul 2009 17:57:40 +0100

¿Conocen el navegador Opera? Es una pena que no tenga tanta penetración en el mercado, porque es bastante bueno y cumple bastante a rajatabla los estándares del W3C; desde luego, es muchísimo mejor que su competidor MSIE y están disponibles versiones para Windows, Linux, Mac y otros. El soporte de imágenes SVG, además de ser nativo, es bastante completo. Además, a partir de la versión 9, el soporte de XSL se ha visto muy mejorado, en particular con el soporte de la función XPath document().

En principio, tal como indica la documentación, es posible incrustar imágenes SVG tanto con la etiqueta XHTML <object> como con las clásicas <embed> (el método preferido por MSIE) e <img>; sin embargo, en alguna versión para Mac y Linux he tenido problemas en el uso de estas dos últimas: supone que necesita un applet, que posiblemente considera que ha de ser ASVG.

También, al igual que sucede en Firefox, es posible mezclar código XHTML y SVG, siempre que se sigan las reglas del XML para la resolución de espacios de nombre (en MSIE también se puede, pero con limitaciones tanto sintácticas como de capacidad gráfica).

Continue reading "Cómo visualizar SVG en Opera"

Servidor Apache y SVG

nospam@example.com (Javier Custodio Ayala) — Mon, 09 Mar 2009 10:30:04 +0000

El servidor web Apache por desgracia no está configurado por defecto para suministrar correctamente los archivos con extensión .svgz (SVG comprimidos con gzip). En este artículo se muestra cómo hacer que se transmitan las cabeceras HTTP adecuadas para que ciertos navegadores lo interpreten adecuadamente. Se verá que es fácil subsanar esta deficiencia, también en distribuciones comunes para plataformas diferentes de Linux como xampp (para Windows) y mampp (para Mac).

Continue reading "Servidor Apache y SVG"

Cómo visualizar SVG en Firefox para Windows

nospam@example.com (Javier Custodio Ayala) — Sat, 07 Mar 2009 11:00:17 +0000

Se comenta en este artículo el soporte de Mozilla Firefox para Windows de visualización de imágenes o aplicaciones SVG en este navegador. Es nativa en este navegador, aunque todavía no se soporta todo el estándar SVG, ~~en particular el soporte SMIL~~ aunque en la última versión del motor Gecko 1.9.3 parece que ya está disponible parte de la especificación SMIL, activando con about:config la opción svg.smil.enabled (2009-09). También se comenta alguna alternativa interesante para programadores/diseñadores.

Continue reading "Cómo visualizar SVG en Firefox para Windows"

Cómo visualizar SVG en Internet Explorer

nospam@example.com (Javier Custodio Ayala) — Thu, 05 Mar 2009 21:34:58 +0000

Se comenta en este artículo cómo configurar MS Internet Explorer para la visualización de imágenes o aplicaciones SVG en este navegador con el applet Adobe SVG Viewer. También se indican algunas alternativas comerciales o semicomerciales, aunque probablemente, si resultan interesantes, se comentarán en un artículo propio.

Continue reading "Cómo visualizar SVG en Internet Explorer"