Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
escalables
Gráficos vectoriales bidimensionales en
formato XML
Desarrollador
World Wide Web Consortium
w3.org/Graphics/SVG/
Información general
Extensión de archivo .svg, .svgz
Tipo de MIME image/svg+xml[1]
Uniform Type Identifier public.svg-image
Lanzamiento inicial 4 de septiembre de
2001
Última versión 1.1 (segunda edición)
16 de agosto de 2011
(7 años 5 meses y 3
(7 años, 5 meses y 3
días)
Tipo de formato Gráfico vectorial
Extendido de XML
Formato abierto
[editar datos en Wikidata]
Orígenes
En 1996, Chris Liley redactó para el W3C
un documento con directrices sobre los
posibles requerimientos para integrar un
formato estándar de archivo para describir
elementos gráficos vectoriales. Para 1998
varias empresas habían turnado
propuestas a este organismo, de las
cuales dos principalmente sirvieron como
base para los borradores que constituirían
el SVG: el VML desarrollado por Microsoft
para su formato de documentos RTF y el
PGML desarrollado entonces por Adobe
en coordinación con IBM, Netscape y SUN.
Tras la publicación del estándar SVG,
Microsoft disoció el VML arguyendo que
era un producto ya en el mercado,
mientras que Adobe celebró abiertamente
estandarización del PGML; el soporte para
SVG fue integrado a distintos productos
de software de esta última compañía
como Adobe Illustrator y el visualizador de
archivos ASV.[2]
Vista general
Si el espacio de almacenamiento es un
problema, las imágenes SVG pueden ser
guardadas como archivos comprimidos
con gzip, en cuyo caso pasan a ser
imágenes SVGZ. Debido a la verbosidad
del XML, este tiende a comprimirse muy
bien, y estos ficheros pueden ser mucho
más pequeños.
Complejidad
Tomate en SVG
Elementos geométricos
<svg width="200"
height="200"
xmlns="http://www.w3.org/200
0/svg"
xmlns:xlink="http://www.w3.o
rg/1999/xlink">
>
<g
transform="translate(50,150)
">
>
<g
transform="scale(1,-1)">
>
...
</g>
</g>
</svg>
Atributos
Líneas
Círculo
Elipse
Mixtilínea
Muestra de diferentes órdenes de orientación para una
misma cadena d
Aberturas:
Texto
Muestreo de Font-family (estado actual de Commons)
Agrupaciones
Duplicados
<use xlink:href="#..."/>
Enlazado de imágenes
Recortes
<clipPath id="cortador">
>
<path fill="#0ff"
d="m119,71l-103,60l120,0"
clip-rule="evenodd"/>
/>
</clipPath>
<circle r="80" cx="12"
cy="130" stroke="#000"
fill="#999" clip-
path="url(#cortador)"/>
/>
Transformaciones
<g
transform="matrix(a,b,c,d,e,f)"
> ... </g>
Traslaciones.
<g transform="translate(e,f)">
... </g>
Rotaciones.
Simetrías.
<g
transform="scale(1,-1),rotate(g
)"> ... </g>
Homotecias.
<g transform="scale(k,k)"> ...
</g>
Software de edición
Actualmente hay muchos programas de
diseño gráfico que lo soportan. Entre los
que son software libre está Inkscape. La
Suite Ofimática libre LibreOffice, incorpora
Draw, programa exclusivo para trabajar
con SVG y otros archivos gráficos
vectoriales. También hay editores en línea
que permiten abrir archivos o crearlos
como Method Draw, Vector Paint, Draw
SVG o svgreal.[5]
Véase también
VML
Web semántica
Lista de dialectos XML
PNG
Referencias
1. M Media Type registration for
image/svg+xml
2. «Secret Origin of SVG» . World Wide Web
Consortium. 21 de diciembre de 2007.
Consultado el 13 de enero de 2014.
3. [1]
4. «Scalable Vector Graphics (SVG) 1.1
(Second Edition)» (en inglés). World Wide
Web Consortium (W3C). 16 de agosto de
2016. pp. 90-92. Consultado el 14 de
noviembre de 2016.
5. [2]
Enlaces externos
W3C Scalable Vector Graphics (SVG)
(en inglés)
Adobe SVG (en inglés)
Mozilla SVG y Ejemplos (en inglés)
Cartografía y planos SVG (en inglés)
Inkscape , editor libre de SVG
MDC Mozilla Developer Center SVG
Ejemplos y manuales
Obtenido de
«https://es.wikipedia.org/w/index.php?
title=Gráficos_vectoriales_escalables&oldid=11338
6063»
Última edición hace 13 horas por Te…