Documentación

    Table of Content
    • Formatos de archivo 3D
      • Formatos de archivo 3D
      • 3D2
      • 3DM
      • 3DS
      • 3MF
      • AMF
      • ASE
      • B3D
      • DAE
      • DBM
      • DRC
      • E57
      • FBX
      • GLB
      • GLTF
      • IPT
      • JT
      • MA
      • MB
      • MP
      • OBJ
      • PLY
      • PRC
      • RVM
      • STEP
      • STP
      • U3D
      • USD
      • USDZ
      • VRML
      • X
      • X3D
    • Formatos de archivos de audio
      • Formatos de archivos de audio
      • 8SVX
      • AA
      • AAC
      • AAX
      • AC3
      • ACT
      • AIFF
      • ALAC
      • AMR
      • APE
      • CDA
      • DSS
      • FLAC
      • GSM
      • M3U
      • M3U8
      • M4A
      • M4B
      • M4P
      • MID
      • MKA
      • MMF
      • MOD
      • MP2
      • MP3
      • MPC
      • MXL
      • NSA
      • OGG
      • OPUS
      • RA
      • RF64
      • SDT
      • STAP
      • VOC
      • VOX
      • VQF
      • WAV
      • WEBA
      • WFP
      • WMA
      • WPL
      • WV
    • Formatos de archivo CAD
      • Formatos de archivo CAD
      • ART
      • ASC
      • ASM
      • CATPART
      • CF2
      • DC3
      • DGN
      • DST
      • DWF
      • DWFX
      • DWG
      • DWT
      • DXF
      • FZP
      • HPGL
      • IFC
      • IGES
      • IGS
      • JVSG
      • NC
      • NWC
      • NWD
      • NWF
      • PAT
      • PHJ
      • PLT
      • PSM
      • PSS
      • RFA
      • RFT
      • RML
      • RVT
      • SLDPRT
      • STL
    • Formatos de archivo de compresión
      • Formatos de archivo de compresión
      • 7Z
      • ACE
      • ALZ
      • APK
      • ARC
      • ARJ
      • B1
      • B6Z
      • BKF
      • BNDL
      • BZ2
      • DAA
      • DAR
      • DEB
      • DMG
      • DZ
      • ECS
      • FZPZ
      • GZ
      • GZIP
      • ICE
      • ISO
      • KGB
      • LBR
      • LQR
      • LZ
      • LZ4
      • LZH
      • LZMA
      • LZO
      • LZX
      • MBW
      • MINT
      • MPKG
      • MPQ
      • NPK
      • OAR
      • PAGES
      • PEA
      • PET
      • PF
      • PKG
      • PTK
      • PUP
      • RAR
      • RPM
      • RTE
      • S00
      • SIFZ
      • SIT
      • SITX
      • SY_
      • TAR
      • TBZ
      • TGS
      • TGZ
      • TPSR
      • TZ
      • VPK
      • WHL
      • WUX
      • XAPK
      • XAR
      • XPI
      • XZ
      • Z
      • ZIM
      • ZIP
      • ZIPX
      • ZL
    • Base de datos
      • Formatos de archivo de base de datos
      • 4DB
      • 4DD
      • ACCDB
      • ACCDC
      • ACCDE
      • ACCDR
      • ACCDT
      • ACCDW
      • ACCFT
      • ADB
      • ADE
      • ADF
      • ADN
      • ADP
      • ALF
      • ANB
      • AQ
      • ASK
      • BAK
      • BCP
      • BTR
      • CDB
      • DACPAC
      • DAT
      • DB
      • DB3
      • DBC
      • DBF
      • DDL
      • DTSX
      • FMP12
      • FMPSL
      • FP5
      • FP7
      • GDB
      • ITW
      • LDF
      • LOG
      • MDB
      • MDF
      • MYI
      • NDF
      • NSF
      • SAV
      • SDF
      • SQL
      • SQLITE
      • TE
      • TRC
      • TRM
      • UDL
      • WDB
    • Disco y medios
      • Formatos de archivos multimedia y de discos
      • BIN
      • CCD
      • CSO
      • CUE
      • GADGET
      • IMG
      • NKIT
      • NRG
      • OVA
      • OVF
      • ROM
      • SDI
      • Toast
      • UDF
      • VCD
      • VDI
      • VHD
      • VHDX
      • WBFS
      • WIM
      • WUD
    • Formatos de archivo de libros electrónicos
      • Formatos de archivo de libros electrónicos
      • ACSM
      • AEP
      • APNX
      • AVA
      • AZW
      • AZW1
      • AZW3
      • AZW4
      • BKK
      • BPNUEB
      • CBC
      • CBR
      • CBZ
      • CEB
      • CEBX
      • DNL
      • EA
      • EAL
      • EBK
      • EDN
      • EPUB
      • ETD
      • FB2
      • FKB
      • HAN
      • HTML0
      • HTMLZ
      • HTXT
      • HTZ4
      • HTZ5
      • IBOOKS
      • KFX
      • KOOB
      • LIT
      • LRF
      • LRS
      • LRX
      • MART
      • MBP
      • MOBI
      • NCX
      • NVA
      • OEB
      • OEBZIP
      • OPF
      • ORB
      • PHL
      • PML
      • PMLZ
      • POBI
      • QMK
      • RB
      • RZB
      • RZS
      • SNB
      • TCR
      • TK3
      • TPZ
      • TR
      • TR3
      • VBK
      • WEBZ
      • YBK
    • Formatos de archivo de correo electrónico
      • Formatos de archivo de correo electrónico
      • EDB
      • EML
      • EMLX
      • ICS
      • MBOX
      • MSG
      • OFT
      • OLM
      • OST
      • P7S
      • PST
      • RPMSG
      • TNEF
      • VCF
    • Ejecutable
      • Formatos de archivos ejecutables
      • AHK
      • BAT
      • BTAPP
      • CGI
      • CMD
      • COM
      • EXE
      • IPA
      • MSI
      • MST
      • PIF
      • PYC
      • REG
      • WSF
      • WSH
      • XBE
      • XEX
    • Finanzas
      • Formatos de archivo de finanzas
      • ABA
      • IXBRL
      • XBRL
    • Fuente
      • Formatos de archivo de fuente
      • BDF
      • CFF
      • CFF2
      • EOT
      • FNT
      • FON
      • JFPROJ
      • MFX
      • OTF
      • PFA
      • PFB
      • PFM
      • SFD
      • TTC
      • TTF
      • Type1
      • WOFF
    • Formatos de archivos de juegos
      • Formatos de archivos de juegos
      • BMZ
      • BNS
      • CLIP
      • CON
      • CSD
      • CT
      • DEK
      • FOMOD
      • GAM
      • KODU
      • MCWORLD
      • MGX
      • PAK
      • PCC
      • PSS
      • PUP
      • PWF
      • REL
      • REP
      • RPX
      • SAV
      • SFAR
      • SID
      • U8
      • UMX
      • W3N
    • Formatos de archivo GIS
      • Formatos de archivo GIS
      • 000
      • 3D
      • 3DD
      • ADF
      • APL
      • APR
      • ATX
      • AUX
      • DEM
      • DIV
      • DLG
      • E00
      • ETA
      • FIT
      • GeoJSON
      • GLB
      • GMAP
      • GML
      • GPKG
      • GPX
      • IMG
      • KML
      • KMZ
      • LOC
      • MPS
      • NM2
      • NTF
      • OSM
      • QGD
      • QGS
      • QGZ
      • QLR
      • QML
      • SBN
      • SHP
      • SHX
      • SP3
      • SSF
      • TCX
    • Formatos de archivo de imagen
      • Formatos de archivo de imagen
      • AI
      • APNG
      • ART
      • AVIF
      • BMP
      • BPG
      • CDR
      • CLIP
      • CMX
      • CPC
      • CR2
      • CR3
      • CSL
      • CT
      • CUR
      • DCM
      • DCR
      • DCX
      • DDS
      • DIB
      • DICOM
      • DJVU
      • DNG
      • ECW
      • EMF
      • EMZ
      • EXIF
      • FLIF
      • FODG
      • GBR
      • GIF
      • HDR
      • HEIC
      • HEIF
      • ICNS
      • ICO
      • J2C
      • J2K
      • JFIF
      • JP2
      • JPC
      • JPEG
      • JPF
      • JPM
      • JPX
      • JXR
      • MNG
      • MP
      • MPO
      • NEF
      • ODG
      • OTG
      • PCT
      • PCX
      • PICT
      • PNG
      • PPP
      • PSB
      • PSD
      • PSP
      • PSPIMAGE
      • SKP
      • SVGZ
      • TGA
      • THM
      • TIFF
      • WEBP
      • WMF
      • WMZ
      • XPM
      • XPR
    • Formatos de archivo misceláneos
      • Formatos de archivo misceláneos
      • AML
      • ART
      • BUP
      • CMS
      • CTG
      • DAP
      • ENL
      • ERR
      • GPG
      • H4
      • H5
      • ICA
      • KLQ
      • LOCK
      • LRC
      • MD5
      • MSO
      • OBB
      • ODF
      • OGG
      • PES
      • RIS
      • RML
      • SSP
      • THM
      • TORRENT
      • VIM
      • VIMRC
      • XMP
      • XSMX
    • Formatos de archivo para tomar notas
      • Formatos de archivo para tomar notas
      • ONE
      • ONETOC2
    • Lenguaje de descripción de página
      • Lenguaje de descripción de página
      • AVERY
      • CGM
      • EPS
      • INDD
      • INDT
      • OXPS
      • PCL
      • PS
      • SVG
      • SWF
      • TEX
      • XPS
      • XSLFO
    • PDF
      • PDF
      • FDF
      • PDF/A
      • PDF/E
      • PDF/UA
      • PDF/VT
      • PDF/X
      • XFDF
    • Formatos de archivo de presentación
      • Formatos de archivo de presentación
      • KEY
      • ODP
      • OTP
      • POT
      • POTM
      • POTX
      • PPS
      • PPSM
      • PPSX
      • PPT
      • PPTM
      • PPTX
    • Programación
      • Programación
      • ABC
      • ACD
      • ADDIN
      • ADS
      • AGI
      • AIA
      • AIDL
      • ALB
      • AML
      • ANE
      • APA
      • APKS
      • APPX
      • APPXBUNDLE
      • APPXUPLOAD
      • APS
      • ARSC
      • AS
      • ASM
      • AWK
      • C
      • CD
      • Class
      • CMAKE
      • CONFIG
      • CPP
      • CS
      • CSPROJ
      • CXX
      • Dart
      • DIFF
      • EGG
      • ERB
      • EX
      • G4
      • GO
      • GROOVY
      • H
      • HAML
      • HH
      • HS
      • HTA
      • ICI
      • IN
      • INC
      • IPR
      • JAR
      • Java
      • JRXML
      • JSP
      • JSPF
      • KT
      • LGO
      • LUA
      • M
      • MAKE
      • MEL
      • MF
      • ML
      • MM
      • MRC
      • MSIX
      • NUPKG
      • NUT
      • PAS
      • PDB
      • PDE
      • PHP
      • PL
      • PY
      • PYD
      • PYI
      • PYM
      • PYW
      • PYX
      • R
      • RBXL
      • RBXM
      • RES
      • RS
      • RST
      • SCALA
      • SCM
      • SCRIPT
      • SH
      • SLN
      • SWIFT
      • TCL
      • TOML
      • TS
      • UNITY
      • VB
      • VBPROJ
      • VBS
      • VCXPROJ
      • XSD
      • YAML
      • YML
      • YPR
    • Formatos de archivo de gestión de proyectos
      • Formatos de archivo de gestión de proyectos
      • MPP
      • MPT
      • MPX
      • P6XML
      • XER
    • Formatos de archivo del editor
      • Formatos de archivo del editor
      • PUB
      • PUZ
    • Informes
      • Formatos de archivo de informes
      • MAR
      • RDL
      • RDLC
      • RPL
      • RPT
    • Formatos de archivo de hoja de cálculo
      • Formatos de archivo de hoja de cálculo
      • 123
      • 12M
      • _XLS
      • _XLSX
      • AST
      • AWS
      • BKS
      • CELL
      • CSV
      • CTS
      • DEF
      • DEX
      • DFG
      • DIF
      • DIS
      • EFU
      • ESS
      • FCS
      • FM
      • FODS
      • FP
      • GNM
      • GNUMERIC
      • IMP
      • MAR
      • NB
      • NUMBERS
      • NUMBERS-TEF
      • ODS
      • OTS
      • PMD
      • PMDX
      • PMVX
      • SDC
      • STC
      • SXC
      • TMV
      • TMVT
      • TSV
      • XAR
      • XL
      • XLA
      • XLAM
      • XLM
      • XLR
      • XLS
      • XLSB
      • XLSM
      • XLSMHTML
      • XLSX
      • XLT
      • XLTHTML
      • XLTM
      • XLTX
    • Formatos de archivo del sistema
      • Formatos de archivo del sistema
      • AML
      • ASV
      • CAB
      • CFG
      • CPG
      • CPL
      • DLL
      • DMP
      • DRV
      • ETL
      • HDMP
      • INI
      • INS
      • LNK
      • MDMP
      • SCR
      • SYS
      • TMP
    • Formatos de archivo de vídeo
      • Formatos de archivo de vídeo
      • 3G2
      • 3GP
      • AMV
      • ARF
      • ASF
      • AVCHD
      • AVI
      • BIK
      • DAV
      • EXO
      • F4V
      • FLV
      • H264
      • H265
      • IDX
      • IFO
      • M2TS
      • M4S
      • M4V
      • MJPEG
      • MK3D
      • MKS
      • MKV
      • MOV
      • MP4
      • MPE
      • MPG
      • MPV
      • MTS
      • MXF
      • NSV
      • PZ
      • QT
      • RM
      • RMVB
      • RV
      • SEC
      • SRT
      • TS
      • VID
      • VOB
      • VP6
      • VP8
      • VP9
      • VTT
      • WEBM
      • WMV
      • XVID
    • Formatos de archivos web
      • Formatos de archivos web
      • A4P
      • A5W
      • AAE
      • ADR
      • AEX
      • ALX
      • AN
      • AP
      • APKG
      • APPCACHE
      • ARO
      • ASA
      • ASAX
      • ASCX
      • ASHX
      • ASMX
      • ASP
      • ASPX
      • ASR
      • ATOM
      • ATT
      • AWM
      • BML
      • BOK
      • BR
      • BWP
      • CDF
      • CER
      • CFM
      • CFML
      • CHA
      • CHAT
      • CHM
      • CMS
      • CODASITE
      • CON
      • CRDOWNLOAD
      • CRL
      • CRT
      • CSHTML
      • CSP
      • CSR
      • CSS
      • DAP
      • DBM
      • DCR
      • DER
      • DHTML
      • DISCO
      • DISCOMAP
      • DML
      • DO
      • DOCHTML
      • DOCMHTML
      • DOTHTML
      • DOWNLOAD
      • DRAWIO
      • DWT
      • ECE
      • EDGE
      • EPIBRW
      • ESPROJ
      • EWP
      • FCGI
      • FMP
      • FREEWAY
      • FWP
      • FWTEMPLATE
      • FWTEMPLATEB
      • GDOC
      • GDOCX
      • GNE
      • GSP
      • HAR
      • HDM
      • HDML
      • HTACCESS
      • HTC
      • HTM
      • HTML
      • HTX
      • HXS
      • HYPE
      • JHTML
      • JNLP
      • JS
      • JSON
      • JSPA
      • KEY
      • KIT
      • LESS
      • MHT
      • MHTML
      • MJS
      • OBML
      • OBML15
      • OBML16
      • P7B
      • P7C
      • PAC
      • PART
      • PEM
      • PRO
      • RHTML
      • RJS
      • RSS
      • Sass
      • SCSS
      • SHTML
      • SPC
      • SSP
      • STC
      • STML
      • TPL
      • TS
      • URL
      • VDW
      • VRT
      • WBS
      • WEBBOOKMARK
      • WEBLOC
      • WEBSITE
      • WHTT
      • WSDL
      • XAML
      • XD
      • XHT
      • XHTML
      • XML
      • XOJ
      • XOML
      • XSLT
      • XUL
      • ZUL
    • Formatos de archivo de procesamiento de textos
      • Formatos de archivo de procesamiento de texto
      • ASD
      • DOC
      • DOCM
      • DOCX
      • DOT
      • DOTM
      • DOTX
      • DSC
      • FAQ
      • FODT
      • IPYNB
      • LATEX
      • LTX
      • MAN
      • MD
      • ODM
      • ODT
      • OTT
      • QBL
      • QPF
      • RTF
      • TXT
      • WPD
      • WPS
    • visio
      • Formatos de archivo de Visio
      • VDW
      • VDX
      • VSD
      • VSDM
      • VSDX
      • VSS
      • VSSM
      • VSSX
      • VST
      • VSTM
      • VSTX
      • VSX
      • VTX
    1. Hogar
    2. Lenguaje de descripción de página
    3. SVG

    What's on this Page

      • ¿Qué es un archivo SVG?
      • Breve historia
      • Especificaciones de formato de archivo
        • formas SVG
      • Ejemplos
      • Referencias

    ¿Qué es un archivo SVG?

    Un archivo SVG es un archivo de gráficos vectoriales escalares que utiliza un formato de texto basado en XML para describir la apariencia de una imagen. La palabra escalable se refiere al hecho de que el SVG se puede escalar a diferentes tamaños sin perder calidad. La descripción basada en texto de tales archivos los hace independientes de la resolución. Es uno de los formatos más utilizados para construir un sitio web e imprimir gráficos para lograr escalabilidad. Sin embargo, el formato solo se puede usar para gráficos bidimensionales. Los archivos SVG se pueden ver/abrir en casi todos los navegadores modernos, incluidos Chrome, Internet Explorer, Firefox y Safari.

    Breve historia

    Las especificaciones SVG están disponibles como estándar abierto por World Wide Web Consortium (W3C) desde 1999. Antes de esto, se enviaron al W3C especificaciones de formato de archivo similares en seis formatos diferentes hasta 1998. Se aplicó una actualización a las especificaciones en 2011 y se realizó la versión 1.1 . En 2016, SVG 2 se publicó como una versión más nueva que incluye funciones adicionales a las de SVG 1.1.

    Especificaciones de formato de archivo

    El Modelo de Objetos de Documento (DOM) SVG sienta las bases para todas las especificaciones e interfaces que corresponden a las secciones particulares de las especificaciones. Los visores de SVG deben implementar las interfaces SVG DOM como se define en las especificaciones del W3C. Su DOM expone varias interfaces para diferentes tipos de datos y elementos.

    formas SVG

    SVG tiene algunos elementos de forma predefinidos que los desarrolladores pueden usar:

    • Rectángulo
    • Circulo
    • Elipse
    • Línea
    • Polilínea
    • Polígono
    • Sendero

    Según estas formas y especificaciones, las áreas funcionales de SVG son las siguientes.

    Rutas: las rutas se utilizan para representar contornos de formas simples y compuestas. Los códigos se utilizan para definir la naturaleza de la operación. Por ejemplo, M se usa para Mover a, L se usa para Línea a, Z se usa para cerrar una ruta, etc.

    Formas básicas: se pueden dibujar rutas en línea recta y rutas formadas por una serie de segmentos de línea recta conectados (polilíneas), así como polígonos cerrados, círculos y elipses. Los rectángulos y los rectángulos de esquinas redondeadas también son elementos estándar.

    Texto: la representación de texto se expresa como datos de caracteres XML donde se pueden aplicar muchos efectos visuales al texto. Las especificaciones permiten manejar texto bidireccional, texto vertical y caracteres a lo largo de una ruta curva.

    Pintura: las formas se pueden rellenar y/o delinear con un color, un degradado o un patrón, lo que permite volverlas opacas o tener algún grado de transparencia. Las características de final de línea, como puntas de flecha o símbolos que aparecen en los vértices de un polígono, se representan mediante marcadores.

    Color: las especificaciones de SVG permiten aplicar colores a todos los elementos SVG visibles, ya sea directamente o mediante relleno, trazo y otras propiedades. Se pueden usar diferentes códigos de color para especificar como negro o azul, representación hexadecimal, decimal o como porcentajes de la forma RGB.

    Degradados y patrones: las formas en un archivo SVG se pueden rellenar o delinear con colores sólidos, degradados o patrones repetitivos.

    Efectos de filtro: en realidad, se trata de una serie de operaciones gráficas que se aplican a un gráfico vectorial de origen dado para producir un resultado modificado.

    Interactividad: los usuarios pueden interactuar con archivos SVG cambiando el enfoque, haciendo clic con el mouse, desplazando o haciendo zoom en la imagen. La interactividad permite que las imágenes SVG interactúen con los usuarios de muchas maneras diferentes, como se mencionó anteriormente.

    Enlaces: es posible que las imágenes SVG tengan hipervínculos a otros documentos. Esto se logra a través del lenguaje de vinculación XML o XLink. Esto permite crear estados de vista específicos que se utilizan para acercar o alejar un área específica o para limitar la vista a un elemento específico.

    Secuencias de comandos: similar a HTML, todos los aspectos de un documento SVG son accesibles para su manipulación mediante secuencias de comandos. Los objetos SVG DOM proporcionan la guía para lograr esto usando el elemento y atributo SVG. Los scripts están encerrados en elementos de etiqueta script y pueden ejecutarse en respuesta a eventos de puntero, teclado o documento según sea necesario.

    Animación - Los elementos DOM , y le permite incluir animación para contenidos SVG. Por supuesto, esto no se puede lograr sin usar scripts y temporizadores integrados. Estas animaciones pueden ser continuas y pueden ponerse en bucle, así como repeticiones, al mismo tiempo que responden a los eventos del usuario.

    Fuentes: el texto en SVG puede hacer referencia a archivos de fuentes externas, como fuentes del sistema. En ausencia de dichas fuentes, el texto en SVG no se representará en la salida. Esto se puede solucionar incorporando los glifos requeridos en un archivo como una fuente que luego se renderiza usando el elemento.

    Ejemplos

    Las siguientes líneas muestran cómo se representa un círculo utilizando el script SVG.

    <html>
    <body>
    
    <h1>My first SVG</h1>
    
    <svg width#"100" height#"100">
      <circle cx#"50" cy#"50" r#"40" stroke#"green" stroke-width#"4" fill#"yellow" />
    </svg>
    
    </body>
    </html>
    

    Las siguientes líneas de código muestran cómo usar el bloque para renderizar texto a SVG.

    <svg height#"30" width#"200">
      <text x#"0" y#"15" fill#"red">I love SVG!</text>
    </svg>
    

    Referencias

    • Especificaciones W3C SVG
    • SVG - Wikipedia

    See Also

    • Formato de archivo AVIF
    • Formato de archivo KT
    • Formato de archivo RA
    • Formato de archivo RM
    • Formato de archivo RV
     
     Español
    Close
     English
     Deutsch
     日本
     中文
     русский
     Français
     한국인
     Italiano
     Nederlands
     हिन्दी
     Indonesian
     Português
     عربي
     Türkçe
     Ελληνικά
     ไทย
     עִברִית
     Svenska
     українська
     Tiếng Việt
     български
     Magyar
     čeština
     Română
     Polski