-
Notifications
You must be signed in to change notification settings - Fork 132
SVG 2 new features
Nikos Andronikos edited this page Jul 22, 2016
·
15 revisions
I'd like to move this into a proper matrix where we can list implementer feedback and support, but for now here's a basic list of what is new in SVG 2.
Note: this list is still being built and is incomplete.
API Changes
- Added "length" attribute and indexed property access to all list interfaces.
- Replace SVGMatrix with DOMMatrix or DOMMatrixReadOnly
- Replace SVGRect with DOMRect or DOMRectReadOnly
- Replace SVGPoint with DOMPoint or DOMPointReadOnly
Markup Changes
- Allow the script element anywhere
- Add crossorigin attribute to the image and script elements
Document Features
- Inclusion of audio and video elements
- Mesh gradients
- Hatch path paint server
- Multiple paints for fill and stroke.
- 'context-fill' and 'context-stroke' values for 'fill' and 'stroke'
These allow, for example, markers to inherit the stroke color. - Marker auto-start-reverse
Has implementations in Firefox, WebKit, Blink, and Inkscape - Complete overhaul of text layout
- CSS based multi-line text.
- Text wrapping given a fixed width/height.
- Text in a shape.
- Text-on-a-path changes:
- Text on a shape.
- Text on either side of a path.
- Todo: Add more
- CSS based multi-line text.
- Font features (alternative glyphs, etc.)
- Path features:
- Auto-closing paths.
- New line joins (miter-clip, arcs)
- z-index support
- SVG Root and foreignObject are no longer overflow:hidden by default
- Allow scroll bars to be shown for overflow:auto in special cases
- Allow scroll bars when overflow:scroll is set on svg elements
- Use elements defined in terms of Web Components