Scalable Vector Graphics

SVGSVG Tiny.SVGScalable Vector Graphics (SVG)Scalable 2D Vector GraphicsScalable Vector GraphicSVG (Scalable Vector Graphics)SVG BasicSVGTeSVG
Scalable Vector Graphics (SVG) is an Extensible Markup Language (XML)-based vector image format for two-dimensional graphics with support for interactivity and animation.wikipedia
528 Related Articles

Vector graphics

vectorvector graphicvector image
Scalable Vector Graphics (SVG) is an Extensible Markup Language (XML)-based vector image format for two-dimensional graphics with support for interactivity and animation.
Vector graphics are commonly found today in the SVG, EPS, PDF or AI graphic file formats and are intrinsically different from the more common raster graphics file formats such as JPEG, PNG, APNG, GIF, and MPEG4.

Comparison of layout engines (Scalable Vector Graphics)

Comparison of layout engines (SVG)SVG rendering support
All major modern web browsers—including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, and Microsoft Edge—have SVG rendering support.
The following tables compare SVG compatibility and support for a number of layout engines.

Text editor

text editorstext editingeditor
As XML files, SVG images can be created and edited with any text editor, as well as with drawing software.
Text editors are intended to open and save text files containing either plain text or anything that can be interpreted as plain text, including the markup for rich text or the markup for something else (e.g. SVG).

SVG filter effects

filter effectsSVG filter effectSVG filters
The feature set includes nested transformations, clipping paths, alpha masks, filter effects and template objects.
SVG filter effects are effects applied to Scalable Vector Graphics (SVG) files.

Firefox

Mozilla FirefoxFirefox browserSpread Firefox
All major modern web browsers—including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, and Microsoft Edge—have SVG rendering support.
Firefox implements many web standards, including HTML4 (almost full HTML5), XML, XHTML, MathML, SVG 2 (partial), CSS (with extensions), ECMAScript (JavaScript), DOM, XSLT, XPath, and APNG (Animated PNG) images with alpha transparency.

Open standard

open standardsopenopen protocol
The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999.

Synchronized Multimedia Integration Language

SMIL.smilSMIL/RealText
Time-based modifications to the elements can be described in SMIL, or can be programmed in a scripting language (e.g. ECMAScript or JavaScript).
Basic animation and timing modules were integrated into Scalable Vector Graphics (SVG) and the SMIL modules formed a basis for Timed-Text.

Cascading Style Sheets

CSSCSS3Cascading Style Sheet
SVG uses CSS for styling and JavaScript for scripting.
In addition to HTML, other markup languages support the use of CSS including XHTML, plain XML, SVG, and XUL.

Internet Explorer

Microsoft Internet ExplorerIEMSIE
All major modern web browsers—including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, and Microsoft Edge—have SVG rendering support.
Internet Explorer was criticised by Tim Berners-Lee for its limited support for SVG, which is promoted by W3C.

XML

Extensible Markup LanguageXML documentXML parser
Scalable Vector Graphics (SVG) is an Extensible Markup Language (XML)-based vector image format for two-dimensional graphics with support for interactivity and animation. SVG was also accommodated in MPEG-4 Part 11, in the Extensible MPEG-4 Textual (XMT) format - a textual representation of the MPEG-4 multimedia content using XML.
Hundreds of document formats using XML syntax have been developed, including RSS, Atom, SOAP, SVG, and XHTML.

Opera (web browser)

OperaOpera web browserOpera browser
All major modern web browsers—including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, and Microsoft Edge—have SVG rendering support.
Page zooming allows text, images and other content such as Adobe Flash Player, Java platform and Scalable Vector Graphics to be increased or decreased in size to help those with impaired vision.

SVG Working Group

As a result of both missives, the W3C convened a working group, and within six months, the group published a working draft of requirements for the Scalable Vector Graphics (SVG) format.

HTML5

HTML 5HTML2008 debate on whether to include the two
To natively include and handle multimedia and graphical content, the new elements were added, and support for scalable vector graphics (SVG) content and MathML for mathematical formulas.

Vector Markup Language

VML
As a result of these submissions, a new W3C working group was created, which produced Scalable Vector Graphics (SVG).

MPEG-4 Part 20

LASeRPart 20SAF
The MPEG-4 Part 20 standard - Lightweight Application Scene Representation (LASeR) and Simple Aggregation Format (SAF) is based on SVG Tiny.
LASeR is based on SVG Tiny and adds methods for sending dynamic updates and a binary compression format.

Page description language

printer control languagePCLPDL
Though the SVG Specification primarily focuses on vector graphics markup language, its design includes the basic capabilities of a page description language like Adobe's PDF.

MPEG-4 Part 11

BIFSPart 11MPEG-4 BIFS
SVG was also accommodated in MPEG-4 Part 11, in the Extensible MPEG-4 Textual (XMT) format - a textual representation of the MPEG-4 multimedia content using XML.
The XMT framework accommodates substantial portions of SMIL, W3C Scalable Vector Graphics (SVG) and X3D (the new name of VRML).

Chris Lilley (computer scientist)

Chris LilleyChris Lilley (W3C)
In 1998 he was appointed as chair of the W3C Scalable Vector Graphics (SVG) Working Group, a position he held for ten years, until January 2008.

Precision Graphics Markup Language

PGML
PGML and Vector Markup Language, another XML-based vector graphics language W3C submission supported by Autodesk, Hewlett-Packard, Macromedia, Microsoft, and Visio Corporation, were later joined and improved upon to create Scalable Vector Graphics (SVG).

HTML element

iframeelementHTML tag
Some earlier versions of Firefox (e.g. versions between 1.5 and 3.6 ), as well as a smattering of other now-outdated web browsers capable of displaying SVG graphics, needed them embedded in or elements to display them integrated as parts of an HTML webpage instead of using the standard way of integrating images with.
(With XHTML, the SVG language can also be used to write graphics within the document, though linking to external SVG files is generally simpler.) Where an image is not purely decorative, HTML allows replacement content with similar semantic value to be provided for non-visual user agents.

XLink

Hypertext links in Scalable Vector Graphics can currently be defined as simple XLinks.

Computer Graphics Metafile

CGMWebCGMISO/IEC 8632
It has been adopted to some extent in the areas of technical illustration and professional design, but has largely been superseded by formats such as SVG and DXF.

Gecko (software)

GeckoGecko layout engineGecko rendering engine
Gecko also partially supports SVG 1.1.

Inkscape

SVG images can be produced by the use of a vector graphics editor, such as Inkscape, Adobe Illustrator, Adobe Flash Professional, or CorelDRAW, and rendered to common raster image formats such as PNG using the same software.
Inkscape's primary vector graphics format is Scalable Vector Graphics (SVG); however, many other formats can be imported and exported.