El texto en SVG

El 25 de febrero de 2014

Vamos a ver como podemos añadir texto en nuestros SVG.

Antes de empezar solamente recordar que para utilizar fuentes especificas hay que recurrir a @font-face o a servicios como Google Web Fonts o Typekit. Para los ejemplos de este post voy a utilizar Verdana que pertenece a la lista de web safe fonts.

Text

Para añadir texto en SVG tenemos a nuestra disposición la etiqueta text. El...

Animaciones SVG con animateMotion

El 21 de febrero de 2014

Vamos a ver animateMotion, y es que no solo de animate viven las animaciones SVG a través de SMIL.

Animaciones SVG con animate

El 14 de febrero de 2014

Voy a compartir la chuleta que me cree hace no mucho con varios de los attributeName que podemos animar con SMIL en SVG a través de la etiqueta animate. No están todos ya que la etiqueta tiene muchas posibilidades y no todas funcionan en todos los navegadores, para empezar ninguna funciona en Internet Explorer ya que Microsoft no da soporte a SMIL.

He incluido las version

Animando filtros SVG con SMIL

El 7 de febrero de 2014

Continuo experimentando con SVG, esta vez añadiendo animaciones con SMIL a los filtros.

Optimizar SVG con SVGCleaner

El 6 de febrero de 2014