"SVG" redirects here. For other uses, see SVG (disambiguation).
Scalable Vector Graphics
|
Filename extensions |
.svg .svgz |
Internet media type |
image/svg+xml [1][2] |
Uniform Type Identifier (UTI) |
public.svg-image |
Developed by |
W3C |
Initial release |
4 September 2001; 14 years ago (2001-09-04) |
Latest release |
1.1 (Second Edition)
(16 August 2011; 4 years ago (2011-08-16))
|
Type of format |
Vector graphics |
Extended from |
XML |
Standard |
W3C SVG |
Open format? |
Yes |
Website |
www.w3.org/Graphics/SVG/ |
Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999.
SVG images and their behaviors are defined in XML text files. This means that they can be searched, indexed, scripted, and compressed. As XML files, SVG images can be created and edited with any text editor, but are more often created with drawing software.
All major modern web browsers—including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, and Safari—have at least some degree of SVG rendering support.
Contents
- 1 Overview
- 1.1 Printing
- 1.2 Scripting and animation
- 1.3 Compression
- 2 Development history
- 3 Functionality
- 4 SVG on the web
- 4.1 Native browser support
- 4.2 Plug-in browser support
- 4.3 Mobile support
- 4.4 Online SVG converters
- 5 Application support
- 6 See also
- 7 References
- 8 External links
Overview
This image illustrates the difference between bitmap and vector images. The bitmap image is composed of a fixed set of pixels, while the vector image is composed of a fixed set of shapes. In the picture, scaling the bitmap reveals the pixels while scaling the vector image preserves the shapes.
SVG has been in development since 1999 by a group of companies within the W3C after the competing standards Precision Graphics Markup Language (PGML, developed from Adobe's PostScript) and Vector Markup Language (VML, developed from Microsoft's RTF) were submitted to W3C in 1998. SVG drew on experience from the designs of both those formats.[3]
SVG allows three types of graphic objects: vector graphics, raster graphics, and text. Graphical objects, including PNG and JPEG raster images, can be grouped, styled, transformed, and composited into previously rendered objects. SVG does not directly support z-indices[4] that separate drawing order from document order for overlapping objects, unlike some other vector markup languages like VML. Text can be in any XML namespace suitable to the application, which enhances search ability and accessibility of the SVG graphics. The feature set includes nested transformations, clipping paths, alpha masks, filter effects, template objects, and extensibility.
Since 2001, the SVG specification has been updated to version 1.1. The SVG Mobile Recommendation introduced two simplified profiles of SVG 1.1, SVG Basic and SVG Tiny, meant for devices with reduced computational and display capabilities. An enhanced version of SVG Tiny, called SVG Tiny 1.2, later became an autonomous Recommendation.[5]
Work is currently in progress on SVG 2, which incorporates several new features in addition to those of SVG 1.1 and SVG Tiny 1.2.
Printing
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. It contains provisions for rich graphics, and is compatible with CSS for styling purposes. SVG has the information needed to place each glyph and image in a chosen location on a printed page.[6] (By contrast, XHTML's primary purpose is to communicate content, not presentation, so XHTML specifies objects to be displayed but not where to place them.) A print-specialized subset of SVG (SVG Print, authored by Canon, HP, Adobe and Corel) is currently[update] a W3C Working Draft.[7]
Scripting and animation
Main article: SVG animation
SVG drawings can be dynamic and interactive. Time-based modifications to the elements can be described in SMIL, or can be programmed in a scripting language (e.g. ECMAScript or JavaScript). The W3C explicitly recommends SMIL as the standard for animation in SVG.[8] However SMIL was deprecated in Google Chrome as of Aug 2015.[9]
A rich set of event handlers such as onmouseover and onclick can be assigned to any SVG graphical object.
Compression
SVG images, being XML, contain many repeated fragments of text, so they are well suited for lossless data compression algorithms. When an SVG image has been compressed with the industry standard gzip algorithm, it is referred to as an "SVGZ" image and uses the corresponding .svgz
filename extension. Conforming SVG 1.1 viewers will display compressed images.[10] An SVGZ file is typically 20 to 50 percent of the original size.[11] W3C provides SVGZ files to test for conformance.[12]
Development history
SVG was developed by the W3C SVG Working Group starting in 1998, after Macromedia and Microsoft introduced VML whereas Adobe Systems and Sun Microsystems submitted a competing format known as PGML. The working group was chaired by Chris Lilley of the W3C.
- SVG 1.0 became a W3C Recommendation on 4 September 2001.[13]
- SVG 1.1 became a W3C Recommendation on 14 January 2003.[14] The SVG 1.1 specification is modularized in order to allow subsets to be defined as profiles. Apart from this, there is very little difference between SVG 1.1 and SVG 1.0.
- SVG Tiny and SVG Basic (the Mobile SVG Profiles) became W3C Recommendations on 14 January 2003. These are described as profiles of SVG 1.1.[15]
- SVG Tiny 1.2 became a W3C Recommendation on 22 December 2008.[16] It was initially drafted as a profile of the planned SVG Full 1.2 (which has since been dropped in favor of SVG 2),[17] but was later refactored as a standalone specification.
- SVG 1.1 Second Edition, which includes all the errata and clarifications, but no new features to the original SVG 1.1 was released on 16 August 2011.[18]
- SVG 2 will completely rework draft 1.2 with more integration with new web features such as CSS, HTML5 and WOFF.
The MPEG-4 Part 20 standard - Lightweight Application Scene Representation (LASeR) and Simple Aggregation Format (SAF) is based on SVG Tiny.[19] It was developed by MPEG (ISO/IEC JTC1/SC29/WG11) and published as ISO/IEC 14496-20:2006.[20] SVG capabilities are enhanced in MPEG-4 Part 20 with key features for mobile services, such as dynamic updates, binary encoding, state-of-art font representation.[21] 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.[22]
Mobile profiles
Because of industry demand, two mobile profiles were introduced with SVG 1.1: SVG Tiny (SVGT) and SVG Basic (SVGB). These are subsets of the full SVG standard, mainly intended for user agents with limited capabilities. In particular, SVG Tiny was defined for highly restricted mobile devices such as cellphones; it doesn't support styling or scripting.[5] SVG Basic was defined for higher-level mobile devices, such as PDAs.
In 2003, the 3GPP, an international telecommunications standards group, adopted SVG Tiny as the mandatory vector graphics media format for next-generation phones. SVGT is the required vector graphics format and support of SVGB is optional for Multimedia Messaging Service (MMS) and Packet-switched Streaming Service.[23][24][25] It was later added as required format for vector graphics in 3GPP IP Multimedia Subsystem (IMS).[26] Neither mobile profile includes support for the full DOM, while only SVG Basic has optional support for scripting, but because they are fully compatible subsets of the full standard, most SVG graphics can still be rendered by devices which only support the mobile profiles.[27]
SVGT 1.2 adds a microDOM (μDOM), styling and scripting.[5]
Functionality
The SVG 1.1 specification defines 14 functional areas or feature sets:[14]
- Paths
- Simple or compound shape outlines are drawn with curved or straight lines that can be filled in, outlined, or used as a clipping path. Paths have a compact coding. For example M (for 'move to') precedes initial numeric x and y coordinates and L (line to) precedes a point to which a line should be drawn. Further command letters (C, S, Q, T and A) precede data that is used to draw various Bézier and elliptical curves. Z is used to close a path. In all cases, absolute coordinates follow capital letter commands and relative coordinates are used after the equivalent lower-case letters.[28]
- Basic shapes
- Straight-line paths and paths made up of a series of connected straight-line segments (polylines), as well as closed polygons, circles and ellipses can be drawn. Rectangles and round-cornered rectangles are also standard elements.[29]
- Text
- Unicode character text included in an SVG file is expressed as XML character data. Many visual effects are possible, and the SVG specification automatically handles bidirectional text (for composing a combination of English and Arabic text, for example), vertical text (as Chinese was historically written) and characters along a curved path (such as the text around the edge of the Great Seal of the United States).[30]
- Painting
- SVG shapes can be filled and/or outlined (painted with a color, a gradient, or a pattern). Fills can be opaque or have any degree of transparency. "Markers" are line-end features, such as arrowheads, or symbols that can appear at the vertices of a polygon.[31]
- Color
- Colors can be applied to all visible SVG elements, either directly or via 'fill', 'stroke,' and other properties. Colors are specified in the same way as in CSS2, i.e. using names like
black
or blue
, in hexadecimal such as #2f0
or #22ff00
, in decimal like rgb(255,255,127)
, or as percentages of the form rgb(100%,100%,50%)
.[32]
- Gradients and patterns
- SVG shapes can be filled or outlined with solid colors as above, or with color gradients or with repeating patterns. Color gradients can be linear or radial (circular), and can involve any number of colors as well as repeats. Opacity gradients can also be specified. Patterns are based on predefined raster or vector graphic objects, which can be repeated in x and/or y directions. Gradients and patterns can be animated and scripted.[33]
- Since 2008, there has been discussion[34][35] among professional users of SVG that either gradient meshes or preferably diffusion curves could usefully be added to the SVG specification. It is said that a "simple representation [using diffusion curves] is capable of representing even very subtle shading effects"[36] and that "Diffusion curve images are comparable both in quality and coding efficiency with gradient meshes, but are simpler to create (according to several artists who have used both tools), and can be captured from bitmaps fully automatically."[37] The current draft of SVG 2 includes gradient meshes.[38]
- Clipping, masking and compositing
- Graphic elements, including text, paths, basic shapes and combinations of these, can be used as outlines to define both inside and outside regions that can be painted (with colors, gradients and patterns) independently. Fully opaque clipping paths and semi-transparent masks are composited together to calculate the color and opacity of every pixel of the final image, using alpha blending.[39]
- Filter effects[40]
-
Main article: SVG filter effects
- Interactivity
- SVG images can interact with users in many ways. In addition to hyperlinks as mentioned below, any part of an SVG image can be made receptive to user interface events such as changes in focus, mouse clicks, scrolling or zooming the image and other pointer, keyboard and document events. Event handlers may start, stop or alter animations as well as trigger scripts in response to such events.[41]
- Linking
- SVG images can contain hyperlinks to other documents, using XLink. Through the use of the
<view>
element or a fragment identifier, URLs can link to SVG files that change the visible area of the document. This allows for creating specific view states that are used to zoom in/out of a specific area or to limit the view to a specific element. This is helpful when creating sprites. XLink support in combination with the <use>
element also allow linking to and re-using internal and external elements. This allows to do more with less markup and makes for cleaner code.[42]
- Scripting
- All aspects of an SVG document can be accessed and manipulated using scripts in a similar way to HTML. The default scripting language is ECMAScript (closely related to JavaScript) and there are defined Document Object Model (DOM) objects for every SVG element and attribute. Scripts are enclosed in
<script>
elements. They can run in response to pointer events, keyboard events and document events as required.[43]
- Animation
-
Main article: SVG animation
- SVG content can be animated using the built-in animation elements such as
<animate>
, <animateMotion>
and <animateColor>
. Content can be animated by manipulating the DOM using ECMAScript and the scripting language's built-in timers. SVG animation has been designed to be compatible with current and future versions of Synchronized Multimedia Integration Language (SMIL). Animations can be continuous, they can loop and repeat, and they can respond to user events, as mentioned above.[44]
- Fonts
- As with HTML and CSS, text in SVG may reference external font files, such as system fonts. If the required font files do not exist on the machine where the SVG file is rendered, the text may not appear as intended. To overcome this limitation, text can be displayed in an SVG font, where the required glyphs are defined in SVG as a font that is then referenced from the
<text>
element.[45]
- Metadata
- In accord with the W3C's Semantic Web initiative, SVG allows authors to provide metadata about SVG content. The main facility is the
<metadata>
element, where the document can be described using Dublin Core metadata properties (e.g. title, creator/author, subject, description, etc.). Other metadata schemas may also be used. In addition, SVG defines <title>
and <desc>
elements where authors may also provide plain-text descriptive material within an SVG image to help indexing, searching and retrieval by a number of means.[46]
An SVG document can define components including shapes, gradients etc., and use them repeatedly. SVG images can also contain raster graphics, such as PNG and JPEG images, and further SVG images.
Example
This code will produce the shapes shown in the image (excluding the grid):
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="25" y="25" width="200" height="200" fill="lime" stroke-width="4" stroke="pink" />
<circle cx="125" cy="125" r="75" fill="orange" />
<polyline points="50,150 50,200 200,200 200,100" stroke="red" stroke-width="4" fill="none" />
<line x1="50" y1="50" x2="200" y2="200" stroke="blue" stroke-width="4" />
</svg>
SVG on the web
SVG exported from KOMPAS-Graphic
The use of SVG on the web was limited by the lack of support in older versions of Internet Explorer (IE). Many web sites that serve SVG images, such as Wikipedia, also provide the images in a raster format, either automatically by HTTP content negotiation or by allowing the user directly to choose the file.
Google announced on 31 August 2010 that it had started to index SVG content on the web, whether it is in standalone files or embedded in HTML, and that users would begin to see such content listed among their search results.[47] It was announced on 8 December 2010 that Google Image Search would also begin indexing SVG files.[48] On 28 January 2011, it was discovered that Google was allowing Image Search results to be restricted exclusively to SVG files.[49] This feature was announced officially on 11 February 2011.[50]
Native browser support
Konqueror was the first browser to support SVG in release version 3.2 in February 2004.[51] As of 2011, all major desktop browsers, and many minor ones, have some level of SVG support. Other browsers' implementations are not yet complete; see comparison of layout engines for further details.
Some earlier versions of Firefox (e.g. versions between 1.5 and 3.6[52]), as well as a smattering of other now-outdated web browsers capable of displaying SVG graphics, needed them embedded in <object>
or <iframe>
elements to display them integrated as parts of an HTML webpage instead of using the standard way of integrating images with <img>
.[53] However, SVG images may be included in XHTML pages using XML namespaces.[54]
Tim Berners-Lee, the inventor of the World Wide Web, has been critical of (earlier versions of) Internet Explorer for its failure to support SVG.[55]
- Opera (since 8.0) has support for the SVG 1.1 Tiny specification while Opera 9 includes SVG 1.1 Basic support and some of SVG 1.1 Full. Opera 9.5 has partial SVG Tiny 1.2 support. It also supports SVGZ (compressed SVG).
- Browsers based on the Gecko layout engine (such as Firefox, Flock, Camino, and SeaMonkey) all have had incomplete support for the SVG 1.1 Full specification since 2005. The Mozilla site has an overview of the modules which are supported in Firefox[56] and of the modules which are in progress in the development.[57] Gecko 1.9, included in Firefox 3.0, adds support for more of the SVG specification (including filters).[58]
- Browsers based on WebKit (such as Apple's Safari, Google Chrome, and The Omni Group's OmniWeb) have had incomplete support for the SVG 1.1 Full specification since 2006.[59]
- Amaya has partial SVG support.
- Internet Explorer 8 and older versions do not support SVG.[60][61] IE9 (released 14 March 2011) supports the basic SVG feature set.[62] IE10 extended SVG support by adding SVG 1.1 filters.[63]
- The Maxthon Cloud Browser also supports SVG.[citation needed]
There are several advantages to native and full support: plugins are not needed, SVG can be freely mixed with other content in a single document, and rendering and scripting become considerably more reliable.[64]
Plug-in browser support
Internet Explorer, up to and including IE8, was the only major browser not to provide native SVG support. IE8 and older require a plug-in to render SVG content. There are a number of plug-ins available to assist, including:
- Ample SDK Open-Source JavaScript GUI Framework provides partial support for SVG 1.1, SMIL, DOM and style scripting in Internet Explorer (5.5 - 8.0) too. It is not dependent on any plugins and relies on presence of alternative Vector Graphics format VML in Internet Explorer.
- Batik, a widely deployed Java plugin[65]
- Google Chrome Frame from Google can support all web elements supported by WebKit, including SVG 1.0 and partially SVG 1.1. (discontinued)
- GPAC, targets SVGT 1.2[66][67]
- Adobe SVG Viewer from Adobe Systems plugin supports most of SVG 1.0/1.1.[68][69] (discontinued)
- Corel SVG Viewer[70] (discontinued)
- Raphaël is another JavaScript library that takes advantage of the intersection between VML's and SVG's features to create vector graphics and animate them.
- Renesis Player for Internet Explorer from examotion GmbH, supports SVG 1.1 on IE 6 and 7 (discontinued)[71]
- SVG Web[72] is a JavaScript library for Web developers, targeted at Internet Explorer and dependent on the presence of an installed Adobe Flash plugin on the client machine. SVG Web provides partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting.[73]
On 5 January 2010, a senior manager of the Internet Explorer team at Microsoft announced on his official blog that Microsoft had just requested to join the SVG Working Group of the W3C in order to "take part in ensuring future versions of the SVG spec will meet the needs of developers and end users," although no plans for SVG support in Internet Explorer were mentioned at that time.[74] Internet Explorer 9 beta supported a basic SVG feature set based on the SVG 1.1 W3C recommendation. Functionality has been implemented for most of the SVG document structure, interactivity through scripting and styling inline and through CSS. The presentation elements, attributes and DOM interfaces that have been implemented include basic shapes, colors, filling, gradients, patterns, paths and text.[75]
Mobile support
SVG Tiny (SVGT) 1.1 and 1.2 are mobile profiles for SVG. SVGT 1.2 includes some features not found in SVG 1.1, including non-scaling strokes, which are supported by some SVG 1.1 implementations, such as Opera, Firefox and WebKit. As shared code bases between desktop and mobile browsers increased, the use of SVG 1.1 over SVGT 1.2 also increased.
Support for SVG may be limited to SVGT on older or more limited smart phones, or may be primarily limited by their respective operating system. Adobe Flash Lite has optionally supported SVG Tiny since version 1.1. At the SVG Open 2005 conference, Sun demonstrated a mobile implementation of SVG Tiny 1.1 for the Connected Limited Device Configuration (CLDC) platform.[76]
Mobiles that use Opera Mobile, as well as the iPhone's built in browser, also include SVG support. However, even though it used the WebKit engine, the Android built-in browser did not support SVG prior to v3.0 (Honeycomb).[77] Prior to v3.0, Firefox Mobile 4.0b2 (beta) for Android was the first browser running under Android to support SVG by default.[78]
The level of SVG Tiny support available varies from mobile to mobile, depending on the SVG engine installed. Many newer mobile products support additional features beyond SVG Tiny 1.1, like gradient and opacity; this is sometimes referred as "SVGT 1.1+", though there is no such standard.
Rim's BlackBerry has built-in support for SVG Tiny 1.1 since version 5.0.[79] Support continues for WebKit-based BlackBerry Torch browser in OS 6 and 7.[80]
Nokia's S60 platform has built-in support for SVG. For example, icons are generally rendered using the platform's SVG engine. Nokia has also led the JSR 226: Scalable 2D Vector Graphics API expert group that defines Java ME API for SVG presentation and manipulation. This API has been implemented in S60 Platform 3rd Edition Feature Pack 1 and onward.[81] Some Series 40 phones also support SVG (such as Nokia 6280).
Most Sony Ericsson phones beginning with K700 (by release date) support SVG Tiny 1.1. Phones beginning with K750 also support such features as opacity and gradients. Phones with Sony Ericsson Java Platform-8 have support for JSR 226.
Windows Phone has supported SVG since version 7.5
SVG is also supported on various mobile devices from Motorola, Samsung, LG, and Siemens mobile/BenQ-Siemens. eSVG, an SVG rendering library mainly written for embedded devices, is available on some mobile platforms.[82][83]
OpenVG is an API designed for hardware-accelerated 2D vector graphics. Its primary platforms are handheld devices, mobile phones, gaming or media consoles, and consumer electronic devices including operating systems with Gallium3D based graphics drivers.
Online SVG converters
This is an incomplete list of web applications that can convert SVG files to raster image formats (this process is known as rasterization), or raster images to SVG (this process is known as image tracing or vectorization) - without the need of installing a desktop software or browser plug-in.
- Autotracer.org.[84] Online raster image vectorizer using the AutoTrace library. BMP, GIF, JPEG, or PNG to DXF, EPS, PDF, or SVG. Upload limit: 1MB.
- FileFormat.info[85] - Converts SVG to PNG, JPEG, TIFF. Output resolution can be specified. No batch processing. Upload limit: 5MB.
- Online-Convert[86] - Converts to/from BMP, EPS, GIF, HDR, ICO, JPEG, PNG, SVG, TGA, TIFF, WBMP, WebP. No batch processing. The output (e. g. image size) is customizable; the conversion to SVG is handled by Potrace.[87]
- SVGConv[88] - Converts SVG to JPEG, PNG, GIF, BMP, TGA, TIFF, PDF, PS, EPS. Allows the user to customize the output (like image size, background color) and has batch processing features (converting multiple files in a single step). Upload limit: 10MB
- SVG2Android[89] - Converts SVG to an Android VectorDrawable (introduced in API 21)
- Free Online Converter[90] - Converts most raster images to SVG via tracing. When converting from raster images such as EPS to SVG, PNG to SVG or JPG to SVG, converter will convert the forms and objects in black-and-white images in vector graphics form. The conversion to SVG is handled by Potrace.[87]
Application support
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 uses a (built-in) potrace to import raster image formats.[87][91]
Software can be programmed to render SVG images by using a library such as librsvg used by GNOME since 2000, or Batik. SVG images can also be rendered to any desired popular image format by using the free software command-line utility ImageMagick (which also uses librsvg under the hood).
Other uses for SVG include embedding for use in word processing (e.g. with LibreOffice) and desktop publishing (e.g. Scribus), plotting graphs (e.g. gnuplot), and importing paths (e.g. for use in GIMP or Blender). The Uniform Type Identifier for SVG used by Apple is public.svg-image and conforms to public.image and public.xml.
See also
Scalable Vector Graphics |
- sXBL
- SVG Working Group
- SVG filter effects
- Precision Graphics Markup Language
- Vector Markup Language
- XHTML+MathML+SVG
- SVG animation
- Comparison of layout engines (SVG)
|
|
- Canvas element
- Comparison of graphics file formats
- Comparison of raster-to-vector conversion software
- Comparison of vector graphics editors
- Computer graphics
- Computer Graphics Metafile
- Image file formats
- Resolution independence
- SVG files in MediaWiki on Commons: Help:SVG
References
- ^ "Media Type Registration for image/svg+xml". W3C. Retrieved 5 February 2014.
- ^ "XML Media Types". Retrieved 5 February 2014.
- ^ "Secret Origin of SVG". World Wide Web Consortium. 21 December 2007. Retrieved 1 January 2011.
- ^ "Scalable Vector Graphics (SVG) 1.2 W3C Working Draft § 4.2-Drawing Order". World Wide Web Consortium. 15 November 2002. Retrieved 29 August 2010.
- ^ a b c "SVG Tiny 1.2". Scalable Vector Graphics (SVG) Tiny 1.2 Specification. W3C. 2008-12-22. Retrieved 2014-03-05.
- ^ Alex, Danilo; Fujisawa, Jun (2002). "SVG as a Page Description Language". svgopen.org. Retrieved 24 February 2010.
- ^ Alex, Danilo; Craig Northway, Andrew Shellshear, Anthony Grasso, Chris Lilley (21 December 2007). "SVG Print 1.2, Part 2: Language". World Wide Web Consortium. Retrieved 24 February 2010.
- ^ Paul, Festa (9 January 2003). "W3C releases scripting standard, caveat". CNet. Retrieved 24 February 2010.
- ^ "Deprecate SMIL". Chromium. Retrieved 13 August 2015.
- ^ See http://www.w3.org/TR/SVG11/conform.html#ConformingSVGViewers which states, "SVG implementations must correctly support gzip-encoded [RFC1952] and deflate-encoded [RFC1951] data streams, for any content type (including SVG, script files, images)."
- ^ "Saving compressed SVG (SVGZ)". SVG Zone. Adobe Systems. 14 July 2009. Retrieved 24 February 2010.
- ^ For example, http://dev.w3.org/SVG/profiles/1.1F2/test/harness/htmlObject/conform-viewers-01-t.html
- ^ Ferraiolo, Jon (4 September 2001). "Scalable Vector Graphics (SVG) 1.0 Specification". World Wide Web Consortium. Retrieved 24 February 2010.
- ^ a b Ferraiolo, Jon (14 January 2003, edited in place 30 April 2009). "Scalable Vector Graphics (SVG) 1.1 Specification". World Wide Web Consortium. Retrieved 24 February 2010.
- ^ Capin, Tolga (14 January 2003, edited in place 15 June 2009). "Mobile SVG Profiles: SVG Tiny and SVG Basic". World Wide Web Consortium. Retrieved 24 October 2010.
- ^ Andersson, Ola (22 December 2008). "Scalable Vector Graphics (SVG) Tiny 1.2 Specification". World Wide Web Consortium. Retrieved 24 February 2010.
- ^ Dengler, Patrick (8 July 2010). 24th-june-1st-2010.aspx "Getting to SVG 2.0: A report from the SVG Working Group Face-to-Face (May 24th – June 1st 2010)" . Microsoft Developer Network. Microsoft. Retrieved 26 August 2010.
- ^ "Scalable Vector Graphics (SVG) 1.1 (Second Edition)". W3C.
- ^ Concolato, Cyril (July 2005). "MPEG-4 LASeR white paper". International Organization for Standardization. Retrieved 29 August 2010.
- ^ "ISO/IEC 14496-20:2008 - Information technology – Coding of audio-visual objects – Part 20: Lightweight Application Scene Representation (LASeR) and Simple Aggregation Format (SAF)". International Organization for Standardization. Retrieved 30 October 2009.
- ^ "LASeR - the MPEG standard for Rich Media Services" (PDF). Retrieved 11 April 2010.
- ^ Chiariglione, Leonardo (8 March 2005). "Riding the media bits - Bits and bytes". Retrieved 30 October 2009.
- ^ "SVG in 3GPP Multimedia Messaging and Streaming Services (version March 2003)". SVG Open. 2003. Retrieved 19 October 2009.
- ^ "3GPP Multimedia Messaging Service (MMS); Media formats and codecs (Release 5); 3GPP TS 26.140 V5.2.0 (2002-12); Technical Specification" (zipped doc). 3GPP. 2 January 2003. Retrieved 25 February 2010.
- ^ "3rd Generation Partnership Project; Technical Specification Group Services and System Aspects; Multimedia Messaging Service (MMS); Media formats and codecs (Release 5)" (zipped doc). 3GPP TS 26.140 V5.2.0 (2002-12). 3GPP. March 2003. Retrieved 24 February 2010.
- ^ "3GPP Specification detail - 3GPP TS 26.141: IP Multimedia System (IMS) Messaging and Presence; Media formats and codecs". 3GPP. 10 December 2009. Retrieved 24 February 2010.
- ^ "Listing of phones that support SVG". Svg.org. Archived from the original on 28 July 2008. Retrieved 24 October 2010.
- ^ "SVG specification, "Paths"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Basic Shapes"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Text"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Painting: Filling, Stroking and Marker Symbols"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Color"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Gradients and Patterns"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "IRC log of svg on 2008-11-17". W3C. 2008. Retrieved 25 May 2009.
DS: Priorities should be layout, diffusion curves, 2.5D and make sure we work well with CSS on that
- ^ "Propositions for the next SVG spec". W3C. 16 March 2009. Retrieved 25 May 2009.
Indeed, we do plan to add new gradient capabilities to SVG in the next version, and we are looking into diffusion curves, which I think will meet your needs ... *Diffusion curves* seems really a great idea.
- ^ Rusin, Zack (2008). "SVG in KDE: Freedom of Beauty". SVG Open. Retrieved 25 May 2009.
- ^ Orzan, Alexandrina; Adrien Bousseau; Holger Winnemöller; Pascal Barla; Joëlle Thollot; David Salesin (2008). "Diffusion Curves: A Vector Representation for Smooth-Shaded Images" (PDF). ACM Transactions on Graphics (Proceedings of SIGGRAPH 2008) 27. Retrieved 25 May 2009.
- ^ "Scalable Vector Graphics (SVG) 2, W3C Editor’s Draft 13 June 2013". SVG WG. 2013. Retrieved 17 September 2013.
- ^ "SVG specification, "Clipping, Masking and Compositing"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Filter Effects"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Interactivity"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Linking"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Scripting"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Animation"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Fonts"". World Wide Web Consortium. 14 January 2003. Retrieved 19 October 2009.
- ^ "SVG specification, "Metadata"". World Wide Web Consortium. Retrieved 19 October 2009.
- ^ Stanescu, Bogdan; John Sarapata (31 August 2010). "Google now indexes SVG". Webmaster central blog. Google, Inc. Retrieved 1 September 2010.
- ^ "googleimages". Google, Inc. 8 December 2010. Retrieved 17 February 2011.
- ^ Chitu, Alex (28 January 2011). "Google Image Search Indexes SVG Files". Google Operating System blog. Retrieved 28 January 2011.
- ^ Singhal, Amit (11 February 2011). "This week in search 2/11/11". Google, Inc. Retrieved 17 February 2011.
- ^ Andreas Streichardt (16 September 2003). "KDE Conquers the Vectors with KSVG". KDE News. Retrieved 11 February 2012.
- ^ "Bug 276431 - external SVG not loaded from img tag". Mozilla{{inconsistent citations}}
- ^ Lusotec (25 February 2009). "SVG image not shown by Firefox". mozilla.dev.tech.svg. Google Groups. Retrieved 25 February 2010.
- ^ Brettz9 (25 August 2008). "SVG In HTML Introduction". Mozilla Developer Center. Mozilla. Retrieved 25 February 2010.
- ^ Svensson, Peter (10 September 2008). "Creator of Web spots a flaw in Internet Explorer". MSNBC. Associated Press. Retrieved 25 February 2010.
- ^ "SVG in Firefox". Mozilla Developer Center. Mozilla. 23 October 2009. Retrieved 25 February 2010.
- ^ "Mozilla SVG Status". Mozilla. Retrieved 25 February 2010.
- ^ Mgjbot (15 January 2008). "SVG improvements in Firefox 3". Mozilla Developer Center. Mozilla. Retrieved 25 February 2010.
- ^ "WebKit SVG Status". WebKit. 5 January 2010. Retrieved 25 February 2010.
- ^ "Windows Internet Explorer 8 Expert Zone Chat (19 June 2008)". Microsoft. 19 June 2008. Retrieved 24 October 2010.
- ^ Schiller, Jeff (13 February 2010). "SVG Support". Retrieved 25 February 2010.
- ^ "What's New in Internet Explorer 9". Microsoft Developer Network. Microsoft. 22 March 2011. Retrieved 22 March 2011.
- ^ "SVG (Windows)". Internet Explorer Dev Center. Microsoft. Retrieved 27 August 2014.
- ^ "Get ready for plug-in free browsing". MSDN. 2014. Retrieved 2014-03-05.
- ^ "Download Batik". Apache Software Foundation. 9 January 2008. Archived from the original on 2012-11-13. Retrieved 25 February 2010.
- ^ "Features". GPAC Multimedia Open Source Project. GPAC. 11 March 2014. Archived from the original on March 11, 2014. Retrieved 11 March 2014.
- ^ "GPAC 0.4.5 released". GPAC Multimedia Open Source Project. GPAC. 2 December 2008. Archived from the original on 11 March 2014. Retrieved 11 March 2014.
- ^ "Adobe SVG Viewer download area". Adobe Systems. Archived from the original on 2012-12-21. Retrieved 19 October 2009.
- ^ "Adobe SVG Viewer End of Life announcement". Adobe Systems. Archived from the original on 2012-12-21. Retrieved 25 February 2010.
- ^ "Corel SVG Viewer". Corel Corporation. Archived from the original on 2010-02-14. Retrieved 25 February 2010.
- ^ "Renesis Player – Fast, easy and smart". examotion GmbH. Archived from the original on 2009-02-28. Retrieved 30 May 2009.
- ^ "svgweb - Scalable Vector Graphics for Web Browsers using Flash". Google Code. 11 March 2014. Archived from the original on 11 March 2014. Retrieved 11 March 2014.
- ^ Clarke, Gavin (3 June 2009). "Google to slip SVG into Internet Explorer". The Register. The Register. Archived from the original on 11 March 2014. Retrieved 11 March 2014.
- ^ Dengler, Patrick (5 January 2010). "Microsoft Joins W3C SVG Working Group". MSDN Blogs. Microsoft. Archived from the original on 11 March 2014. Retrieved 11 March 2014.
- ^ "Internet Explorer 9 Beta Guide for Developers". Microsoft Developer Network. Microsoft. 15 September 2010. Archived from the original on 11 March 2014. Retrieved 15 September 2010.
- ^ "SVG Open 2005 Conference and Exhibition - Proceedings - Cartoon Oriented User Interfaces". svgopen.org. Retrieved 29 August 2010.
- ^ "Browser doesn't render SVG images". Google. Retrieved 1 January 2011.
- ^ "Firefox Mobile 4.0b2 (beta) for Android supports SVG images". Android Issue 1376. 2010-12-16. Retrieved 2014-01-29.
- ^ "Support for SVG". RIM. Retrieved 6 October 2011.
- ^ "BlackBerry Torch The HTML5 Developer Scorecard". Sencha. Retrieved 6 October 2011.
- ^ "S60 Product info". S60.com. Archived from the original on 13 October 2007. Retrieved 19 October 2009.
- ^ Jezic, Damir (15–17 July 2002). "SVG for Embedded Systems". Zurich 2002. svgopen.org. Retrieved 5 April 2012.
- ^ "eSVG". Intesis Intelligent Embedded Software. 2010. Retrieved 2014-01-29.
- ^ Tobias Reinhardt. "Converts your raster images to vector graphics". autotracer.org. Retrieved 2014-01-30.
This tool is using the fantastic autotrace library developed by Martin Weber
- ^ "FileFormat.info - SVG to raster image conversion". FileFormat.Info.
- ^ "Free online file converter". online-convert.com. Retrieved 2014-01-29.
- ^ a b c Peter Selinger (2001–2013). "Potrace – Transforming bitmaps into vector graphics". SourceForge project Potrace. Retrieved 2014-01-29.
- ^ Blasius Secundus (2012). "SVGConv - The free online SVG converter". Retrieved 2014-01-30.
- ^ Juraj Novák. "Android SVG to VectorDrawable". Juraj Novák.
- ^ "Online image converter to SVG format (JPG to SVG, PNG to SVG, EPS to SVG and more image format)". online-converting.com. Retrieved 2015-02-09.
- ^ "Vectorize/trace". Inkspace wiki. 2012. Retrieved 2014-01-29.
External links
|
Wikimedia Commons has media related to SVG. |
|
Wikibooks has a book on the topic of: XML - Managing Data Exchange/SVG |
- W3C SVG page specifications, list of implementations
- W3C SVG primer W3C Primer (draft) under auspices of SVG Interest Group
- Scalable Vector Graphics at DMOZ
World Wide Web Consortium (W3C)
|
|
Products and
standards |
Recommendations |
- ARIA
- Canonical XML
- CDF
- CSS
- DOM
- Geolocation API
- HTML (HTML5)
- ITS
- MathML
- OWL
- P3P
- PLS
- RDF
- RDF Schema
- SISR
- SKOS
- SMIL
- SOAP
- SRGS
- SSML
- SVG
- SPARQL
- Timed text
- VoiceXML
- Web storage
- WSDL
- XForms
- XHTML
- XHTML+RDFa
- XInclude
- XLink
- XML
- XML Base
- XML Encryption
- XML Events
- XML Information Set
- XML namespace
- XML Schema
- XML Signature
- XOP
- XPath
- XPath 2.0
- XPointer
- XProc
- XQuery
- XSL
- XSL-FO
- XSLT (elements)
|
|
Notes |
|
|
Working drafts |
- CCXML
- CURIE
- EME
- InkML
- JSON-LD
- MSE
- RIF
- SCXML
- SMIL Timesheets
- sXBL
- WICD
- XFDL
- XFrames
- XBL
- XMLHttpRequest
|
|
Guidelines |
- Web Content Accessibility Guidelines
|
|
Initiative |
- Multimodal Interaction Activity (MMI)
- Markup Validation Service
- Web Accessibility Initiative
- WebPlatform
|
|
Deprecated |
- C-HTML
- HDML
- JSSS
- PGML
- VML
- XHTML+MathML+SVG
|
|
|
Organizations |
- World Wide Web Foundation
|
|
Working groups |
- SVG
- CSS
- HTML
- WebOnt (Semantic Web Activity)
- Device Description (DDWG)
- Web Hypertext Application Technology (WHATWG)
|
|
|
Software |
|
|
Browsers |
- Line Mode (1990–)
- Arena (1993–98)
- Agora (1994–97)
- Argo (1994–97)
- Amaya (browser/editor, 1996–2012)
|
|
|
Conferences |
- International World Wide Web Conference (IW3C)
- Steering Committee (IW3C2)
- First conference ("WWW1", 1994)
|
|
Vector graphics markup languages and file formats
|
|
By type |
2D |
- Asymptote
- CGM
- DrawingML
- EMF
- Graphics Layout Engine
- GeoGebra
- HVIF
- MetaPost
- PGF/TikZ
- PGML
- PSTricks
- Remote imaging protocol
- SVG
- SWF
- VML
- WMF
- XAML
- Xar
|
|
3D |
- 3DMLW
- 3DXML
- Asymptote
- COLLADA
- DWF
- GeoGebra
- IGES
- JT
- OpenGEX
- PRC
- STEP
- STL
- U3D
- VRML
- X3D
- XAML
- XVL
- xVRML
|
|
|
See also |
- Web3D
- Web3D Consortium
- Linden Scripting Language
|
|
Graphics file formats
|
|
Raster |
- ANI
- ANIM
- APNG
- ART
- BMP
- BPG
- BSAVE
- CAL
- CIN
- CPC
- CPT
- DDS
- DPX
- ECW
- EXR
- FITS
- FLIC
- FLIF
- FPX
- GIF
- HDRi
- HEVC
- ICER
- ICNS
- ICO / CUR
- ICS
- ILBM
- JBIG
- JBIG2
- JNG
- JPEG
- JPEG 2000
- JPEG-LS
- JPEG XR
- MNG
- MIFF
- NRRD
- PAM
- PBM / PGM / PPM / PNM
- PCX
- PGF
- PICtor
- PNG
- PSD / PSB
- PSP
- QTVR
- RAS
- RBE
- SGI
- TGA
- TIFF
- WBMP
- WebP
- XBM
- XCF
- XPM
- XWD
|
|
Raw |
|
|
Vector |
- AI
- CDR
- CGM
- DXF
- EVA
- EMF
- Gerber
- HVIF
- IGES
- PGML
- SVG
- VML
- WMF
- Xar
|
|
Compound |
- CDF
- DjVu
- EPS
- PDF
- PICT
- PS
- SWF
- XAML
|
|
Related |
- Exchangeable image file format (Exif)
- Extensible Metadata Platform (XMP)
|
|
|
|
SVG Plugins
|
|
- Adobe SVG Viewer
- Batik
- Corel SVG Viewer
- eSVG
- GPAC
- librsvg
- RENESIS
|
|
Applications in italics are discontinued
|
|
Web interfaces
|
|
Server-side |
Protocols
|
- CGI
- SCGI
- FCGI
- AJP
- WSRP
- WebSocket
|
|
Server APIs
|
- C NSAPI
- C ASAPI
- C ISAPI
- COM ASP
- Java servlet
- CLI OWIN
- ASP.NET IHttpHandler
- Python WSGI
- Ruby Rack
- JavaScript JSGI
- Perl PSGI
- Lua WSAPI
- Portlet
|
|
Apache modules
|
- mod_jk
- mod_lisp
- mod_mono
- mod_parrot
- mod_perl
- mod_php
- mod_proxy
- mod_python
- mod_wsgi
- mod_ruby
- Phusion Passenger
|
|
Topics
|
- Web resource vs. Web service
- Open API
- Webhook
- Application server
- Scripting
|
|
|
Client-side |
Browser APIs
|
- C NPAPI
- C NPRuntime
- C PPAPI
- ActiveX
|
|
Web APIs
|
W3C
|
- Audio
- Canvas
- CORS
- DOM
- DOM events
- File
- Geolocation
- IndexedDB
- SSE
- SVG
- Video
- WebRTC
- WebSocket
- Web messaging
- Web storage
- Web worker
- XMLHttpRequest
|
|
Khronos
|
|
|
Others
|
- Gears
- Web SQL Database (formerly W3C)
|
|
|
Topics
|
- Ajax vs. DHTML
- Mashup
- Web IDL
- Scripting
|
|
|
Topics |
- Dynamic web page
- Open Web Platform
- Rich Internet application
|
|
Authority control |
- LCCN: sh2002004644
- GND: 4658480-8
- BNF: cb14487634q (data)
|
|