|
|
# SVG2 New Features
|
|
|
|
|
|
| SVG Features | Name | Info | Required? | To be added | Added |
|
|
|
| ------------------------ | ------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | --------- | ----------- | ----- |
|
|
|
| Elements | meshgradient | | | | |
|
|
|
| | meshrow | | | | |
|
|
|
| | meshpatch | | | | |
|
|
|
| | mesh | | | | |
|
|
|
| | hatch | | | | |
|
|
|
| | hatchpath | | | | |
|
|
|
| | HTML embedded content elements | | | | |
|
|
|
| | HTML embedded metadata elements | | | | |
|
|
|
| Attributes | tabindex | | | | |
|
|
|
| | role | | | | |
|
|
|
| | href | | | | |
|
|
|
| | lang | | | | |
|
|
|
| | fr | on radialGradient | | | |
|
|
|
| | refX and refY | on symbol elemennt supports more precise placement in maps and data charts | | | |
|
|
|
| | x,y,width,height | on symbol (as presentation attribute) | | | |
|
|
|
| | pathLength | on all basic shapes | | | |
|
|
|
| Style Properties | z-index | on all elements, define how SVG creaates stacking contexts | | | |
|
|
|
| | paint-order | control stroke, fill, and marker drawing order | | | |
|
|
|
| | vector-effect | non-scaling-size, non-rotation, and fixed position as options (plus non-scaling-stroke) | | | |
|
|
|
| Required Properties | text-overflow | | | | |
|
|
|
| | isolation | | | | |
|
|
|
| | mix-blend-mode | | | | |
|
|
|
| | transform | | | | |
|
|
|
| | transform-origin | | | | |
|
|
|
| | transform-box | | | | |
|
|
|
| | text-align | | | | |
|
|
|
| | text-align-all | | | | |
|
|
|
| | text-align-last | | | | |
|
|
|
| | text-indent | | | | |
|
|
|
| | white-space | | | | |
|
|
|
| | text-space-collapse | | | | |
|
|
|
| | vertical-align | | | | |
|
|
|
| | font-feature-settings | | | | |
|
|
|
| | font-kerning | | | | |
|
|
|
| | font-size-adjust | | | | |
|
|
|
| | font-variant | | | | |
|
|
|
| | text-decoration | | | | |
|
|
|
| | text-decoration-fill | | | | |
|
|
|
| | text-decoration-stroke | | | | |
|
|
|
| Geometric Attributes | x,y,width,height | on svg, rect, image, foreignObject,use,symbol | | | |
|
|
|
| that can be specified | cx,cy | on ellipse and circle | | | |
|
|
|
| as style properties | r | on circle | | | |
|
|
|
| | rx,ry | ellipse and rect | | | |
|
|
|
| | d | on path | | | |
|
|
|
| New values for existing | context-fill | for fill and stroke | | | |
|
|
|
| properties or attributes | context-stroke | for fill and stroke | | | |
|
|
|
| | child and child(\_n\_0 references | instead of url() for paint servers and markers | | | |
|
|
|
| | auto-start-reverse | for orient attribute of marker element | | | |
|
|
|
| | miter-clip | for stroke-linejoin for a more aesthetically pleasing line join shape | | | |
|
|
|
| | arcs | for stroke-linejoin for a more aesthetically pleasing line join shape | | | |
|
|
|
| | auto | for rx and ry | | | |
|
|
|
| | left|middle|center | keywords for refX and refY attributes | | | |
|
|
|
| New/Expanded interface | length attribute and indexed property access | added to all list interfaces | | | |
|
|
|
| methods and properties | extend getBBox() | of SVGGraphicsElement with aargument that controls inclusion of the fill or stroke | | | |
|
|
|
| | isPointInFill isPointInStroke | methods added for all shapes | | | |
|
|
|
| | getTotalLength and getPointAtLength | methods now available for all shapes | | | |
|
|
|
| | focus and blur | methods on any SVGElement | | | |
|
|
|
| new path features | allow closepath commands ‘Z’ and ‘z’ to fill in missing ‘path data’ from previous commands | | | | |
|
|
|
| | Added bearing path commands ‘B’ and ‘b’ to ‘path data’ | | | | |
|
|
|
| | Define a canonical equivalent path for all basic shapes (used in stroke dashing and marker positioning) | | | | |
|
|
|
| Text Layout | CSS based multi-line text for ‘text content elements’ | | | | |
|
|
|
| | \- text area is contrained using 'inline-size' | | | | |
|
|
|
| | \- SVG creates a 'content area' and defers to CSS to perform layout within that area | | | | |
|
|
|
| | Support more whitespace preservation options using CSS white-space property | | | | |
|
|
|
| | shape-inside | To support text in shape | | | |
|
|
|
| | shape-subtract | | | | |
|
|
|
| | shape-image-threshold | text in a shape modifier | | | |
|
|
|
| | shape-padding | | | | |
|
|
|
| | shape-margin | | | | |
|
|
|
| Text on path changes | textPath | now can directly specify path data through path attribute | | | |
|
|
|
| | textPath | allow referencing basic shapes | | | |
|
|
|
| | side | attribute added to textPath to enable control of which side the path text is placed on | | | |
|
|
|
| | Clarify other areas where there have been inconsistencies | | | | |
|
|
|
| | CSS/OpenType font feature support | alternate glyphs, font-variant, etc | Y | | |
|
|
|
| | Support for @font-face roles | | Y | | | |
|
|
\ No newline at end of file |