Elemento path en SVG

El 20 de diciembre de 2013

El elemento path es la piedra angular de las formas básicas en SVG. Vamos a ver todo su potencial a la hora de dibujar en SVG.

Animando polyline y polygon en SVG

El 19 de diciembre de 2013

Por desgracia y a fecha de hoy el enunciado de este post no es del todo cierto.

Animaciones SVG que contienen números en su ID no funcionan en Firefox

El 18 de diciembre de 2013

Mientras colaboraba con The Noun Project en la conversión de un GIF a formato SVG me di cuenta de que una parte de la animación no funcionaba en Mozilla Firefox.

Después de quitar, poner y cambiar buena parte del código al fin encontré la solución. Si el atributo id="" de la animación contiene un número esta no comenzara su carga.

Para el siguiente ejemplo he utilizado...

Animaciones SVG con value

El 18 de diciembre de 2013

Por norma general cuando utilizo animate animateTransform="translate" suelo emplear from="" y to="", pero a la hora de que la animación se repita constantemente he encontrado un método que utiliza menos código y con el que la repetición de la animación no queda tan falsa, simplemente utilizo value="" en lugar de from="" y to="".

Animaciones SMIL SVG en Internet Explorer con Fake Smile

El 13 de diciembre de 2013

Fake Smile se creo en 2008, básicamente es un *fallback *que da respaldo a las animaciones realizadas con **SMIL **en Internet Explorer.