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
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