Virguerías con svg y javascript

[Edicion] Se me había olvidado poner el link, aquí está.

He encontrado un sitio con svg (scalable vector graphics) y javascript, dónde puedes ver e incluso editar en línea el código de los ejemplos que tiene.

La gente pone cosas que hacen. Algunas son alucinantes. Hay relojes analógicos como el de este blog.

Los que tengais el explorer tendréis que instalaros algún plugin para ver svg.

Comentarios

Casti ha dicho que…
Este comentario ha sido eliminado por un administrador del blog.
Casti ha dicho que…
Y yo dos.























Si no ponemos el enlace, pues.....
rober ha dicho que…
¡¡ yo quiero !! ¡¡ yo quiero !!
¡¡ el enlace, porfa-plis !!
Tengo hecho desde hace una semana el reloj en javascript pirateo de un menda que lo hacía con letras, me he currado los píxeles como {div} de un píxel de altura y el color con el background pero estoy volviendo loco.
Os diré porqué: el reloj analógico es una chuminada: yo estoy currándome UN RELOJ DE SOL. Con su pijulato (gnomon), con sus marquitas (bajorelieves grabados en piedra) y con sus sombras (lo jodido es cuando la sombra del pijulato cae sobre las luces y sombras de las marquitas)
Casti ha dicho que…
joder la de tiempo libre que tienes, porque eso es un curre
Pirilón ha dicho que…
He puesto el link en el cuerpo del artículo
rober ha dicho que…
Ultimamente nada de tiempo libre, sino habría terminado el reloj de sol.
rober ha dicho que…
Oye, no me funciona. Vale, cierto que el java no me va en el mozilla del curro y no sé por qué, pero es que me dice al abrir el XML que no tiene información de estilo asociada. Ayer estuve probando en otras webs (empieza a no ser muy necesario poner los links, esto del google es la bomba)
En resumen ¿sabemos qué hay que tener instalado para que funcione? (lo digo para ahorrarme tiempo, si no lo sabéis tya me buscao la vida)
oztralian ha dicho que…
Te vas a hartar de leer esta tarde Rober. Aqui te envio un página donde lo usan para cartografia

http://www.carto.net/papers/svg/samples/

lo bonito y maravilloso, es que esta repleta de ejemplos.

DISFRUTALO
y luego me cuentas como se usa =D
oztralian ha dicho que…
Ah se me olvidava, más importante todavía.

Si te lees los ejemplos veras que puedes tratar ficheros SVG. Estos ficheros son planos con referencias para usarse en aplicaciones que utilizan graficos vectoriales...

por ejemplo ?????

Inkscape, aplicación gratuita y fabulosa con herramientas que te permiten transformar imagenes anamorficas en vectoriales segun una escala de degradados (for example), y que yo ya te comente, la use para eliminar literalmente marcas de sello (dibujos sobre originales para evitar reproducciones) cuando estaba haciendo los decals de los soldados romanos que tengo en LEGO.

Sólo un problema, el mismo que con el base64, no he logrado hacerlo funcionar en Internet Explorer (pero total, paqué!)
Pirilón ha dicho que…
Rober, para vaer esto sólo necesitas el firefox, pero de la versión 1.5 en adelante, que tiene el svg compilado por defecto.
Si tienes la 1.0 no tendrá svg, por que era opcional y no se solía compilar.
rober ha dicho que…
Chas gracias, chas gracias. Este milenio estoy algo liado, a ver cuándo puedo meterle mano (del todo, que ya he estado mirando)
Efectivamente Mozilla funciona a la primera, pero siempre que te funcione bien la VM de Java y es que en el Mozilla del curro no me va ni p'atrás (poblemillas con las versiones de Sun, de IBM y de M$ todo junto en la misma máquina) pero usando las aplicaciones portables solucionao. Aún no tengo claro si basta con hacer un fichero plano con los comandos ni cómo se integra con el javascript, pero todo se irá viendo.
No sabéis lo que me voy a divertir, no lo sabéis bien. No lo sabéis. Os lo repito, no lo sabéis bien, os lo digo yo.
P.D.: esto del SVG puede por sí solo conseguir que me compre un PC, y acelerar la compra de la LCD-TV, no os digo más.
oztralian ha dicho que…
Ya he conseguido hacerlo funcionar en el Internet Explorer instalando el SVG Viewer de Adobe, que te instala un ActiveX que te permite visualizar SVG (ASVG3).

para obtener el programa descargarlo de:
http://www.adobe.com/svg/viewer/install/

Entradas populares