Información
El tema que ha solicitado se muestra abajo. Sin embargo, este tema no se encuentra en la biblioteca.

SVG

Scalable Vector Graphics (SVG), una recomendación de W3C, es un lenguaje para describir gráficos bidimensionales en XML. SVG permite tres tipos de objetos gráficos: formas gráficas vectoriales (por ejemplo, rutas que consisten en curvas y líneas rectas), imágenes y texto. Los objetos gráficos (incluido texto) se pueden agrupar, se les puede asignar un estilo, transformar y componer en objetos previamente representados. El conjunto de funciones SVG incluye transformaciones anidadas, trazados de recorte, máscaras alfa y objetos de plantilla.

Los dibujos SVG pueden ser interactivos y dinámicos. Por ejemplo, las animaciones se pueden definir y activar mediante el uso de scripts.

Las aplicaciones de SVG sofisticadas son posibles mediante el uso de scripts, que obtienen acceso a Document Object Model (DOM) SVG y proporcionan acceso total a todos los elementos, atributos y propiedades. Un gran conjunto de controladores de eventos como "onmouseover" y "onclick" se puede asignar a cualquier objeto gráfico SVG.

Debido a la compatibilidad de SVG y el aprovechamiento de otros estándares web, las funciones como el scripting se pueden realizar en elementos SVG y XHTML de forma simultánea dentro de la misma página web.

La siguiente lista de temas, que aumentará a lo largo del tiempo, presenta las funciones clave de SVG.

En esta sección

TemaDescripción

Transformaciones de coordenadas de SVG

En este tema se analizan las transformaciones de coordenadas de SVG que están asociadas con el método getScreenCTM().

Animación SVG básica

En este tema se analiza la animación SVG básica, que es un requisito previo para la animación SVG intermedia. Está destinado a personas con conocimientos básicos sobre HTML y JavaScript. Para comprender perfectamente el material que se presenta en este tema, dedícale aproximadamente una hora de estudio.

Animación SVG intermedia

Este tema presenta técnicas de animación SVG de nivel intermedio y comienza donde termina el tema Animación SVG básica. A fin de comprender plenamente los conceptos presentados en este tema, considera dedicar aproximadamente una hora de estudio.

Animación SVG avanzada

En este tema, se abordan conceptos más avanzados con respecto a la creación de animación SVG para tu sitio web. Antes de recorrer este tutorial, debes comprender la animación SVG básica, la animación SVG intermedia, y tener sólidos conocimientos de HTML y JavaScript.

Agregar SVG a una página web

En este tema, se presentan maneras comunes de incluir SVG en su página web. Está destinado a personas que cuentan con conocimientos básicos sobre HTML y JavaScript.

Cómo acercar y desplazar lateralmente con SVG

Este tema muestra cómo usar SVG (Scalable Vector Graphics) para acercar y desplazar lateralmente, y finaliza con un ejemplo de un organigrama complejo que se puede acercar y desplazar lateralmente. Se supone que el lector tiene conocimientos básicos de HTML y JavaScript, además de acceso a un explorador que pueda representar SVG incorporado en HTML5, como Windows Internet Explorer 9 y versiones posteriores.

 

Temas relacionados

Tutoriales y muestras de Internet Explorer 9

 

 

Mostrar:
© 2015 Microsoft