SVG 2

SVG 2
Name	SVG 2
Developer	World Wide Web Consortium (W3C)
Released	2018
Latest release	2018 Recommendation
Status	Recommendation
Written in	XML

SVG 2 is the W3C Recommendation that updated the Scalable Vector Graphics family to incorporate modern web browser needs, harmonize with CSS, and add features for interactive graphics and print-quality rendering. The specification evolved through discussions among contributors from Mozilla Foundation, Google, Microsoft, Apple Inc., and other members of the Web Hypertext Application Technology Working Group and W3C Technical Architecture Group. It builds on previous work by combining advances seen in implementations such as Firefox, Google Chrome, and Safari while remaining backward-compatible with prior XML-based vector formats and print workflows used by organizations like Adobe Systems.

Overview

SVG 2 aimed to modernize the Scalable Vector Graphics language by clarifying ambiguous behaviors in SVG 1.1 and integrating closely with Cascading Style Sheets modules such as CSS Color Module Level 3, CSS Transforms Module Level 1, and Selectors Level 3. The specification was developed by the W3C SVG Working Group with input from implementers at Mozilla Foundation, Google, Microsoft, Apple Inc., and academic contributors linked to institutions like MIT and University of Cambridge. Deliverables included clarified definitions for painting, geometry, and event handling to align with rendering engines used by Blink (browser engine), Gecko (software), and WebKit.

Features and Changes from SVG 1.1

SVG 2 introduced explicit changes such as standardized CSS painting rules, improved handling of text rendering with properties consistent with CSS Fonts Module Level 3, and new geometry primitives and path operations. It formalized mixing of presentation attributes and style attributes so that engines in Firefox, Chromium (project), and Safari use consistent cascade rules. The specification deprecated certain legacy attributes inherited from earlier drafts and aligned filters and masking semantics with implementations used by Inkscape, Adobe Illustrator, and CorelDRAW. Interoperability improvements targeted workflows common to Print (publishing), SVG-edit, and Canvas (HTML element) bridging via ForeignObject clarification.

Syntax and Module Structure

SVG 2 reorganized the specification into modular components to mirror related W3C specifications such as HTML5, DOM Level 3 Core, DOM Events, and CSSOM View Module. The document defines core XML namespaces and recommends usage patterns compatible with XML Namespaces rules and serialization conventions implemented in tools like Batik (software) and Librsvg. Modules cover geometry, painting, text layout, filters, and scripting integration with ECMAScript engines such as V8 (JavaScript engine), SpiderMonkey, and JavaScriptCore. Namespaces and attribute handling were clarified to reduce ambiguity when mixing MathML or XHTML fragments inside vector documents.

Browser and Tooling Support

Major browser engines progressively implemented parts of SVG 2: Blink (browser engine) in Chrome and Edge added features such as CSS-based rounding and improved clipping; Gecko (software) in Firefox implemented updates to text and paint; WebKit in Safari adopted select enhancements. Vector graphics editors and libraries such as Inkscape, Adobe Illustrator, skia, Cairo (graphics)-based tools, Librsvg, and svg.js incorporated parsing or rendering updates. Development and testing leveraged test suites from W3C Test Suite and platform-specific debugging in Chromium Dashboard and bug trackers like Mozilla Bugzilla and Chromium Issues.

Implementation and Adoption

Adoption of SVG 2 features varied: features tightly coupled to CSS modules saw faster uptake due to parallel work on CSS Transforms, CSS Grid Layout, and CSS Color Module Level 4 by vendors such as Google, Mozilla Foundation, and Apple Inc.. Print-oriented and authoring-focused features were more rapidly supported in applications like Adobe InDesign and Scribus, while web-centric features saw incremental deployment across Content Delivery Network-driven sites and frameworks such as React (JavaScript library) and Angular (web framework). Community projects, including SVG Tiny and SVG Basic profiles, influenced lightweight implementations used in embedded platforms by vendors like ARM Holdings and Raspberry Pi projects.

Compatibility and Migration Considerations

Migrating from SVG 1.1 to the newer specification requires testing across rendering engines (Blink (browser engine), Gecko (software), WebKit), toolchains such as Batik (software) and Librsvg, and authoring environments like Inkscape and Adobe Illustrator. Developers are advised to validate documents against the W3C Validator and to progressively enhance features relying on CSS integration to preserve behavior in legacy user agents including older versions of Internet Explorer and early EdgeHTML releases. Consideration of internationalization and font fallback involves resources like Unicode Consortium recommendations and font platforms such as OpenType and TrueType tooling.

Category:Scalable Vector Graphics