¿Cómo construir una imagen en su página HTML 5 con la etiqueta

los elemento le permite construir una imagen basada en vector directamente en la página utilizando el lenguaje de marcado SVG. A menudo se utiliza para crear gráficos u otras visualizaciones de forma dinámica. codificación de la muestra es el siguiente:

La salida de este código de ejemplo se parece a:

círculo rojo y cuadrado verde creado con el código de ejemplo SVG.

SVG utiliza un sistema XML muy similar a XHTML. Cada elemento es descrito por una etiqueta, que tiene varios atributos que definen su tamaño, posición y color. Puede modificar los elementos SVG con una forma de CSS-Puede crear y modificar el código SVG en tiempo real con javascript código- o exportar una imagen SVG de una herramienta como Dia o Inkscape, e incrustar el dibujo resultante directamente en la página.

Video: 09 Marquesinas, Movimiento de Imagenes y Letras (Dinamico) - HTML

La principal ventaja de un formato de imagen basado en vectores como SVG es la capacidad de escalar la imagen sin perder calidad de imagen.

Todos los principales navegadores, excepto las versiones de IE antes de IE9, soportan un cierto nivel de SVG.

Video: HTML Div 2, hacer una imagen flotante, su reemplazo en html5 -18- crear páginas web en bloc de notas

Para obtener más información sobre el estándar SVG, echa un vistazo a la página W3C SVG.