SVG SMIL animation

svg

Se desarrolla gracias al aporte de W3CSynchronized Multimedia Group. Incorpora a su característica la Animaciónenfocada a la especificación de SMILAnimación, ya que ofrece algunas extensiones especificas.

Es decir SVG es un lenguaje Principal en términos de SMILANIMATION

Dibujos SVG Pueden ser Interactivos y Dinámicos

Para Hablar de SVG Siglas en ingles que significan “Scalable Vector Graphics” es hablar de Graficas Vectoriales Escalables, basados de un estándar de formato de gráficos vectoriales. Por lo tanto es un lenguaje para detallar graficas en dos dimensiones es decir bidimensionales: Formas de Vectores Gráficos (Líneas, polígonos Poli líneas Rectángulos, círculos elipses, etc

compatible con elementos de animación SMIL:

Anímate

Permite a los atributos y propiedades escalables que se asignan diferentes valores a través del tiempo.

Set

Es un atajo muy conveniente para el momento de animar. Útil para asignar valores de animación a los atributos y propiedades no numéricas, tal es la “visibilidad” de propiedad.

Animatemotion

Mueve un elemento a lo largo de un trazado de movimiento

Animatecolor

Modifica el color de atributos o propiedades particulares a través del tiempo

Adicionalmente se detalla que es un lenguaje que incluye estas extensiones que son aceptadas por SMIL

  • AnimateTranform
  • Path
  • Mpath
  • KeyPoints
  • Rotate

EL grupo SYMM, con ayuda de SVG son los creadores de la espeficicacion de SMILAnimacion (SMILANIM) característica de animación XML.

SMIL

SMIL Siglas en Ingles que significan “ Synchronized Multimedia Integración Language, Es una técnica y método que facilita la animación de archivos con extensión SVG “Scalable Vector Graphics” .

Animaciones basadas en SVG soportadas en la actualidad por los siguientes navegadores mas reconocidos en la actualidad:

  • Safari
  • Opera
  • Mozilla Firefox
  • Google Chrome
  • Amaya

exploradores

SVG soporta PNG y JPG

 

SVG esta presente Actualmente en HTML gracias a la etiqueta <img> con el atributo “src”

Solo compatibles con navegadores actuales o actualizados hasta el momento.

 

Además los elementos de Animación, estos pueden describir modificaciones en la línea de tiempo del documento, Y puede definir las rutas de movimiento. Fade-in o fade-out. Objetos que crecen se encogen Objetos que viran a la derecha o a la izquierda y que además cambian de color.

 

 http://www.youtube.com/watch?v=XCk22AaRxiE

Referencia

SVG 1.1 (SEGUNDA EDICION) 16 de Agosto 2011

Scalable Vector Graphics (SVG) – EspecificaciónConsorcio de la World Wide Web. 14 de Enero 2019

http://www.w3.org/TR/SVG/animate.html

Otro sitio más de Blog de ESPOL

Ir a la barra de herramientas