gráficas vectoriales escalables


Scalable Vector Graphics ( SVG ) es un formato de imagen vectorial basado en XML para gráficos bidimensionales con soporte para interactividad y animación. La especificación SVG es un estándar abierto desarrollado por el World Wide Web Consortium (W3C) desde 1999.

Las imágenes SVG se definen en un formato de gráficos vectoriales y se almacenan en archivos de texto XML . Por lo tanto, las imágenes SVG se pueden escalar en tamaño sin pérdida de calidad, y los archivos SVG se pueden buscar , indexar , codificar y comprimir . Los archivos de texto XML pueden crearse y editarse con editores de texto o editores de gráficos vectoriales , y son renderizados por los navegadores web más utilizados .

SVG ha estado en desarrollo dentro del World Wide Web Consortium (W3C) desde 1999 después de que seis propuestas competitivas para lenguajes de gráficos vectoriales se presentaran al consorcio durante 1998 (ver más abajo). [3]

El primer grupo de trabajo de SVG decidió no desarrollar ninguno de los envíos comerciales, sino crear un nuevo lenguaje de marcas que fuera informado por ninguno de ellos, pero que no se basara realmente en ellos. [3]

SVG permite tres tipos de objetos gráficos: formas gráficas vectoriales , como rutas y contornos que consisten en líneas rectas y curvas, imágenes de mapa de bits y texto. Los objetos gráficos se pueden agrupar, diseñar, transformar y componer en objetos previamente renderizados . El conjunto de funciones incluye transformaciones anidadas , trazados de recorte , máscaras alfa , efectos de filtro y objetos de plantilla. Los dibujos SVG pueden ser interactivos y pueden incluir animación , definida en los elementos XML de SVG o mediante secuencias de comandos que acceden al modelo de objeto de documento (DOM) de SVG. SVG usa CSSpara estilo y JavaScript para secuencias de comandos. El texto, incluidas la internacionalización y la localización , que aparece en texto sin formato dentro del SVG DOM, mejora la accesibilidad de los gráficos SVG. [4]

La especificación SVG se actualizó a la versión 1.1 en 2011. Hay dos 'Perfiles SVG móviles', SVG Tiny y SVG Basic, destinados a dispositivos móviles con capacidades computacionales y de visualización reducidas. [5] Scalable Vector Graphics 2 se convirtió en una recomendación candidata del W3C el 15 de septiembre de 2016. SVG 2 incorpora varias características nuevas además de las de SVG 1.1 y SVG Tiny 1.2. [6]


Esta imagen ilustra la diferencia entre imágenes de mapa de bits y vectoriales. La imagen de mapa de bits se compone de un conjunto fijo de píxeles, mientras que la imagen vectorial se compone de un conjunto fijo de formas. En la imagen, escalar el mapa de bits revela los píxeles mientras que escalar la imagen vectorial conserva las formas.