Gráficos de HTML5

Esta sección contiene información, muestras y tutoriales de gráficos de HTML5.

En esta sección

TemaDescripción

SVG frente a Canvas: cómo elegir

En este tema, que comienza en un nivel alto, se proporciona una comparación entre SVG y Canvas y después se describen varias muestras de código comparativas, como trazado de rayos y pantalla verde.

Ejemplos de uso de SVG y Canvas

Canvas HTML5 Canvas y Scalable Vector Graphics (SVG) son herramientas muy efectivas para crear gráficos web interactivos. Comparar las técnicas de programación de estas dos tecnologías puede ayudarte a decidir cuál elegir. Las muestras de código con comentarios y el análisis técnico en este tutorial te mostrarán cómo hacerlo.

Canvas HTML5

Esta sección contiene información, muestras y tutoriales de HTML5 Canvas.

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.

 

Temas relacionados

Tutoriales y muestras de Internet Explorer 9

 

 

Mostrar: