Mobile SVG Profiles: SVG Tiny and SVG Basic, Version 1.2

This document defines two mobile profiles of SVG 1.2. The first profile, SVG Tiny 1.2, is defined to be suitable for cellphones; the second profile, SVG Basic 1.2, is suitable for PDAs.

Status of this document

This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at http://www.w3.org/TR/.

This document is the first public working draft of Version 1.2 of the SVG Mobile Profiles: SVG Basic and SVG Tiny.

We explicitly invite comments on this specification. Please send them to www-svg@w3.org: the public email list for issues related to vector graphics on the Web. This list is archived and acceptance of this archiving policy is requested automatically upon first post. To subscribe to this list send an email to www-svg-request@w3.org with the word subscribe in the subject line.

The latest information regarding patent disclosures related to this document is available on the Web. As of this publication, the SVG Working Group are not aware of any royalty-bearing patents they believe to be essential to SVG.

Publication as a Working Draft does not imply endorsement by the W3C Membership. This is a draft document and may be updated, replaced or obsoleted by other documents at any time. It is inappropriate to cite this document as other than work in progress.

Sections highlighted in yellow contains new information relevant to SVG Mobile 1.2. The other sections are unmodified from SVG Mobile 1.1.

1. Introduction

Reading Instructions:
This is the first draft of this specification and large parts of it are not updated from the 1.1 version of the specification. To facilitate for the reader the following color codes have been used to highlight relevant sections:
-Text in a green box (like this one) is used to inform the reader about open/unresolved issues and other relevant information.
-Text in light yellow boxes describes new features in SVGT1.2.
All the text outside of those boxes can possibly be out of date/wrong.

Note that all the appendixes are up to date and contains new 1.2 information.

All the new functionality in this draft is for SVG Tiny 1.2. The Working Group has not decided what to do with regards to SVG Basic 1.2. There has so far been no demand for new SVG Basic features. The proposed solutions are either to not specify SVG Basic 1.2 at all or to specify SVG Basic 1.2 as SVG Tiny 1.2 combined with SVG Basic 1.1.

The SVG Full Working Group are considering to split the svg specification into two branches, image and application. There is still no concensus regarding this. The Mobile subgroup will follow whatever decision the entire group takes. If there will be an image/application split for SVG Full 1.2 there will be the same for the mobile profiles. The difference between image and application is that application will contain scripting functionality.

It has been established by industry demand, overwhelming support in the SVG working group and requests from the SVG developer community that some form of SVG suited to displaying vector graphics on small devices is required. Moreover, the mission statement of SVG 1.0 specifically addresses small devices as a target area for vector graphics display. In order to meet these demands the SVG Working Group has committed to a concerted effort to create a profile specification that addresses mobile devices.

A single such profile is not sufficient to deal with the variety of mobile devices, because each mobile device has different characteristics in terms of CPU speed, memory size, and color support. To address the range of different device families, two profiles are defined. The first low-level profile, SVG Tiny (SVGT) is suitable for highly restricted mobile devices; while the second profile, SVG Basic (SVGB) is targeted for higher level mobile devices.

Because of the low memory, low CPU power and limited display of mobile devices, Mobile SVG profiles introduce constraints on content, attribute types, properties, and user agent behavior. This section describes these constraints and design rationale behind them.

2. Mobile SVG Document Types

SVGT and SVGB consist of the following SVG 1.1 modules. For each module, a given profile might contain the Full version, the subsetted Basic version, or no version of that module. For ease of use, the relevant elements in each module are given; in modules other than Full, not all attributes may be supported and there may be restrictions on attribute values. For details, see the module definitions in the SVG 1.1 specification.

SVG Tiny

SVG Basic

3. Data Types

4. Document Structure

Mobile SVG Document Fragment

SVGB and SVGT content can be in the form of stand-alone SVG Documents or document fragments embedded within a parent XML document. The following is an example of an SVG document fragment embedded within an XHTML 1.1 document:

The 'title', 'desc', 'metadata' Elements

SVGB and SVGT support the 'title', 'desc' and 'metadata' elements as defined in SVG 1.1.

The 'svg' Element

The 'baseProfile' attribute on the outermost 'svg' element must have the value "tiny" for SVG Tiny content, and "basic" for SVG Basic content. The 'baseProfile' attribute on nested child 'svg' elements is ignored. The SVG 1.1 specification states that the 'version' attribute of the outermost 'svg' element in SVG 1.1 content must have the value "1.1".

References and the 'defs' Element

For SVGT, all referenced objects, except on the 'image' and 'a' elements, must be internal (using the 'data:' URL scheme, and base64 encoding). SVGB does not put extra limitations on external references as defined by SVG 1.1.

The 'symbol' Element

The 'use' Element

Note that, in SVG 1.1, animations on a referenced element will cause the instances to be animated. SVGB and SVGT also support this feature.

The 'image' Element

SVGB and SVGT require support of the JPEG and PNG formats on the image element. SVGB also requires support of SVG format on the image element.

The 'switch' Element

SVGT and SVGB support the switch element, to determine which SVG 1.1 features are supported by the user agent.

Progressive Downloading

SVGT 1.2 supports the page and pageSet elements, and streamable attribute as defined in the SVG 1.2 draft

Progressive Rendering

SVGT 1.2 supports the externalResourcesRequired attribute to enable progressive rendering, as defined in the SVG 1.2 draft

Specification of thumbnails

SVG Tiny 1.2 allows content to specify a thumbnail. The group is investigating solutions for this feature.

The 'audio' Element

SVGT 1.2 supports the audio element as defined in the SVG 1.2 draft. SVGT 1.2 allows to switch between different audio formats but will not mandate any audio format.

5. Styling

SVGB allows optional support of CSS Mobile Profile 1.0. SVGT does not support styling with CSS.

SVGB and SVGT can introduce constraints on style properties. Allowed values for style properties are listed in Appendix C.

6. Coordinate Systems, Transformations and Units

SVG Tiny shall support the new transform definition type 'ref(<target>, <x>, <y>)' as defined in the SVG 1.2 specification. SVG Tiny supports only 'host' as a target.

SVGB and SVGT support nesting of transformations. The types of transformations that are allowed are generic transformation matrices, or simple operations such as rotation, scaling, skewing, and translation.

The 'transform' Attribute

SVGB and SVGT support the transform attribute. The following transform definition types are supported:

The 'viewBox' Attribute

SVGB and SVGT fully support the 'viewBox' attribute. SVGT has restrictions on allowed preserveAspectRatio attribute values.

The 'preserveAspectRatio' Attribute

SVGB and SVGT support the 'preserveAspectRatio' attribute for adapting the content to devices with different display aspect ratios.

In SVGT,Â the <align> parameter can only be either 'none' or 'XMidYMid', the <meetOrSlice> parameter can only be 'meet'.

Establishing a New Viewport

SVGB supports establishing a new viewport via additional embedded 'svg' elements. SVGT does not allow nested 'svg' elements.

Units

SVGT supports user units only, except for the 'width' and 'height' attributes on the outermost 'svg' element where CSS units are also supported. SVGB supports both user units and CSS user identifiers.

Object Bounding Box Units

7. Shapes

Paths

SVGB and SVGT support all SVG 1.1 path commands, except the elliptical arc curve command ("A"(absolute) and "a"(relative)).

Basic Shapes

SVGT and SVGB support the basic shapes (rectangles, circles, ellipses, lines, polylines, and polygons) as defined in SVG 1.1.

8. Text

SVGB and SVGT represent text with Unicode characters. Mobile SVG user agents are not required to allow text selection and clipboard operations.

SVGT does not support text on a path, 'tspan' and 'tref' elements. SVGT supports the 'rotate' attribute on the 'text' element, but it should be noted that this may cause a slow down of the user agent's rendering speed, and rotation may not be supported with system fonts.

SVGT enables a block of text to be rendered inside of a rectangle, while automatically wrapping the text into lines using the flowText element.

SVG Tiny shall support the following elements, with the listed restrictions, as specified in the SVG 1.2 Working Draft:

9. Painting: Filling, Stroking and Marker Symbols

SVGB and SVGT support filling and stroking 'path' elements and basic shapes with solid colors.

SVGB supports all features of opacity as defined in SVG 1.2 specification. SVGT supports fill-opacity and stroke-opacity properties only.

SVG Tiny supports the non-scaling stroke as defined in the SVG 1.2 specification.

10. Color

SVGT and SVGB support <color> in the CSS2-compatible specification for a color in the sRGB color space, and system colors. Additionally, SVGB and SVGT support 16 original color keywords from XHTML, and do not support X11 colors.

Specifying colors using an ICC profile is not supported in SVGT; and as with SVG 1.1, it is optional in SVGB.

11. Gradients and Patterns

SVG Tiny 1.2 includes support for a subset of the linearGradient and radialGradient elements. The exact subset of linearGradient and radialGradient supported in SVG Tiny 1.2 will be defined in a subsequent version of the SVG Tiny 1.2 specification.

12. Clipping, Masking and Compositing

SVGB supports clipping, masking and compositing. SVGB does not support additive clipping paths. Also, in SVGB, clipping paths are restricted to rectangles ('rect' elements or references to 'rect' elements through 'use').

13. Filter Effects

14. Interactivity

SVGB and SVGT support the SVG 1.1 events. SVGT only allows interactivity with declarative animation.

SVG Tiny 1.2 supports interactivity through the integration of XMLEvents, as described in : the SVG 1.2 specification

15. Linking

SVGB and SVGT support hyperlink activation from SVG content to other Web resources through the 'a' element.

SVGB supports hyperlink into particular views of SVG content. SVGT does not support this feature.

16. Scripting

If SVG is split into two branches (application/image), scripting support will only be part of the SVGT1.2-Application profile.

SVGB allows optional support of scripting, and includes all of the language features from SVG 1.1 to support scripting.

17. Animation

Both SVGB and SVGT support the full set of SVG 1.1's declarative animation features:

The language features to support animation through scripting and DOM are available in SVGB. SVGT only supports declarative animation.

SVGB and SVGT allow implicit targeting of parent elements, and targeting elements using the 'xlink:href' attribute.

Note: The snapShotTime attribute will be part of the next SVG1.2 full spec. The SVG Tiny spec will in future versions just point to the SVG Full spec for snapShotTime. Until the next SVG1.2 draft is published this section will however remain in the SVG Tiny draft to allow for public feedback.

snapShotTime=<time>

Indicates a moment in time which is most relevant for a still-image of the animated svg content. This time can be used as a hint to the Dynamic Svg Viewer if it needs to render a still-image of the animated SVG. SnapShotTime is an animation-related attribute that only applies to Dynamic Svg Viewers. Static Svg Viewers should ignore this attribute. This attribute will most typically be used when rendering a still-image that serves as a preview of the document. This attribute only applies to the outermost (root) svg element. Animatable: no

18. Fonts

SVGB and SVGT support a subset of SVG fonts where only the 'd' attribute on the 'glyph' and 'missing-glyph' elements is available. Arbitrary SVG within a 'glyph' is not supported.

As with Full SVG 1.1, SVGB supports downloadable fonts using WebFonts facility defined in the "Cascading Style Sheets (CSS) level 2" specification. In SVGT, an SVG font can be only embedded within the same document that uses the font.

19. Metadata

Both SVGB and SVGT support embedded metadata, as well as elements and attributes from foreign namespaces included within the SVG content.

20. Extensibility

The SVG renderer is not expected to be able to render content in foreign namespaces, but the foreignObject element allows a subtree in a foreign namespace to be assigned a width and height and passed off to another renderer.

Author List

The authors of this specification are the participants of the W3C SVG Working Group.

Acknowledgments

The SVG Working Group would like to acknowledge the great many people outside of the SVG Working Group who help with the process of developing the SVG 1.1 and Mobile SVG specification. These people are too numerous to list individually. They include but are not limited to the early implementers of the SVG 1.0 and 1.1 languages and Mobile SVG profiles (including viewers, authoring tools, and server-side transcoders), developers of SVG content, people who have contributed on the www-svg@w3.org and svg-developers@yahoogroups.com email lists, other Working Groups at the W3C, and the W3C team. Mobile SVG is truly a cooperative effort between the SVG Working Group, the rest of the W3C, and the public and benefits greatly from the pioneering work of early implementers and content developers, feedback from the public, and help from the W3C team.

References

Appendix A. UDOM

The current UDOM proposal presented here is not the final solution for an SVG Tiny API. The WG is still discussing this and other proposals and has not reached consensus. The WG has an interest in presenting this proposal to the public and is hoping to get feedback on UDOM from everyone interested in an API for SVG Tiny.

Introduction

Features Support Summary

Feature	Support Options
Document Access	Yes
Tree Navigation (i.e., accessing individual nodes)	Limited to nodes with IDs
Element creation	Yes, but restricted to specific element types
Text Node creation	No (but see Element Creation. <text> elements can be created)
Element addition	Yes, but restricted to specific element types
Element removal	Yes, but restricted to specific element types
Attribute access (read)	Yes, string based and typed
Attribute modification (write)	Yes, string based and typed
Event dispatching	No
Event Creation	No
Event listener registration and removal	Yes
Animation	Yes, allows begin and end on 'indefinite' conditions.

Feature Details

Note: Although the examples in this section are all in java, the UDOM proposal requires no specific language.

Document Access

All proposals assume that a Document object is present and is the root for accessing other features. The way the Document object becomes available depends on the usage context. For example, for code bound to an SVG document through a <handler> element, the Document would be passed to the corresponding XMLEventHandler implementation's init method.

Example:

<svg xmlns:ev="http://www.w3.org/2001/xml-events">

<rect id="myRect" x="10" y="20" width="200" height="300" fill="red"/>

<ev:listener ev:event="click" ev:observer="myRect"
           ev:handler="#myClickHandler" />

<!-- handler would be a new SVG element -->
<handler id="myClickHandler"
     type="application/java"
     xml:base="http://fooCompany.com/myJar.jar"
     xlink:href="#com.fooCompany.MyXMLEventHandler"/>
  <param name="offset" value="10" />
</svg>

with MyXMLEventHandler being:

package com.fooCompany;

import tbd.XMLEventHandler;
import tbd.udom.Document;
import tbd.udom.Element;
import tbd.udom.events.Event;

public class MyXMLEventHandler implements XMLEventHandler {
   Document document;

   public void init(Document doc, Element handlerElement) {
        document = doc;
        // ...
   }

   public void handleEvent(Event event) {
        RectElement myRect = 
              (RectElement)document.getElementById("myRect");
        float width = myRect.getWidth();
        myRect.setWidth(width + 10);
   }
}

In the remainder of this document, the variable 'document' is assumed to be an instance of the Document interface.

Tree Navigation

Tree navigation is the ability to access individual SVG Elements in a document tree.
UDOM gives access to individual elements by identifier. It also allows some navigation of the document tree thanks to the Node's interface. From a Node, it is possible to access its parent Node and to the owner Document node:

Element myRect = document.getElementById("myRect");
Node myRectParent = myRect.getParentNode();
Document doc = myRect.getOwnerDocument();

UDOM also gives access to the Document's root element:

Element svgRoot = document.getDocumentElement();

Element Creation

UDOM allows the creation of new Elements:

Element myRect = document.createElementNS(svgNS, "rect");

Note that there is no support for creating Text nodes. This is done implicitly by setting the content on an SVG <text> element:

TextElement myText 
   = (TextElement)document.createElementNS(svgNS, "text");
myText.setData("Hello UDOM");

The type of elements which can be created through the createElementNS method is restricted to:

The SVG namespace.
The following elements: <rect>, <circle>, <ellipse>, <line>, <polyline>, <polygon>, <path>, <text>, <image> <anchor> and <use>

Element Addition

Node Addition is the ability to add new elements to a document tree.

UDOM allows addition and insertion and insertion of a Node:

// Create a new <rect> element
RectElement myRect 
    = (RectElement)document.createElementNS(svgNS, "rect");

// Set the various <rect> properties before appending
...

// Add element to the root of the document
Element svgRoot = document.getDocumentElement();
svgRoot.appendChild(myRect);

// Create a new <ellipse> element
EllipseElement myEllipse
    = (EllipseElement)document.createElementNS(svgNS, "ellipse");

// Set the various <ellipse> properties before insertion
...

// Insert the ellipse before the rectangle
svgRoot.insertBefore(myEllipse, myRect);

The types of nodes which can be inserted into the Document is limited to the same list specified in the Element Creation section.

Element Removal

Node removal is the ability to remove an element from a document tree.

UDOM allows the removal of Nodes:

Element myRect = ...; // See Element creation
Element myGroup = document.getElementById("myGroup");
myGroup.appendChild(myRect);
....
myGroup.removeChild(myRect);

However, the API limits the removal of nodes to nodes which were added to the document tree by a prior call to insertBefore or appendChild.

Attribute Access

Attribute access is the ability to read node properties.

Generic Access

Generic access is provided through the Element interface (a DOM subset):

Element myRect = document.getElementById("myRect");
String myRectWidth = myRect.getAttributeNS(svgNS, "width");

Typed access

UDOM offers a typed access to various element types and it is possible to access typed node specific properties.

RectElement myRect  = (RectElement)document.getElementById("myRect");
float myRectWidth = myRect.getWidth();

Notes:

A possible option is to provide typed access to attributes (as with the SVG DOM) but not generic string based access.
A possible alternative to specialized and typed method is to offer generic and typed method, such as getFloatAttributeNS(namespace, attributeName) / setFloatAttributeNS(namespace, attributeName, value).
Specialized and typed method (such as setX() on RectElement) modify the attribute's base value, not the attribute's presentation value. This means, among other things, that animations take precedence over script modifications.

Attribute Modification

Attribute modification is the ability to modify element properties.

Generic String Access

Attributes are modified through the Element interface (a DOM subset):

Element myRect = document.getElementById("myRect");
myRect.setAttributeNS(svgNS, "width", "450");

Specialized Access

UDOM offers typed modification of the properties through specialized node types.

RectElement myRect = (RectElement)document.getElementById("myRect");
myRect.setWidth(450f);

Important Note:

The UDOM proposal contains the SVGT Specific Interfaces which defines all the svg specific functionality. Key interfaces are: SVGElement for all the common attributes (such as the conditional attributes) GraphicsProperties which has all the painting properties (such as fill or stroke), TextProperties which implements the text and font properties (such as font-size or text-anchor) and the TransformableElement interface for elements which can be transformed.

Event Listener Registration and Removal

Event Listener Registration and Removal is the ability to add and remove new event listeners from a Document.
UDOM allows adding and removing EventListeners:

class MyEventListener implements EventListener {
    public void handleEvent(Event evt) {
        // Do whatever is needed here
    }
}
...
EventListener l = new MyEventListener();
Element myRect = document.getElementById("myRect");

// Listen to click events during the capture phase
myRect.addEventListener("click", l, true);

// Listen to mouseover events, during the buble phase
myRect.addEventListener("mouseover", l, false);
....

// Remove the click listener
myRect.removeEventListener("click", l, true);

Refer to the DOM Events Level 2 specification or the XML Events specification introduction for an explanation of the SVG event flow and the meaning of event targets, event current target, bubble and capture.

Animation

UDOM allows code to start or end animation elements.

AnimationElement animateColor 
    = (AnimationElement) document.getElementById("myAnimation");

animateColor.beginElement();

API Definitions

Interface Node

The Node interface is the interface for all XML tree model content. This interface is a subset of the Node interface defined in the DOM Core Level 2 specification.

Interface Document

The Document interface is the interface for an XML Document model. This interface is a subset of the Document interface defined in the DOM Core Level 2 specification. Note that the getFirstChild method returns the root of the document.

Interface Element

The Element interface represents an XML element in a Document. This interface is a subset of the Element interface defined in the DOM Core Level 2 specification. Note that in UDOM implementations which support events, Element implementations also implement the EventTarget interface. Refer to the DOM Level 2 Events for details.

Interface DOMException

The DOMException class defines a subset of the error codes defined in the DOM Core Level 2 specification.

Interface Event

Provides information about an event and its propagation. The interface allows listeners to stop the propagation. This interface is a subset of the Event interface defined in the DOM Level 2 Events specification. Please refer to that specification for details on what the different methods and members mean.

Interface EventListener

Interface used to receive Events from an EventTarget This interface is a subset of the EventListener interface defined in the DOM Level 2 Events specification. Please refer to that specification for details on what the different methods and members mean.

Interface EventTarget

The interface for DOM nodes which can receive and dispatch Events to EventListeners. This interface is a subset of the EventTarget interface defined in the DOM Level 2 Events specification. Please refer to that specification for details on what the different methods and members mean.

Interface SVGDocument

SVGDocument provides an API to access SVG specific features, such as setting the viewport size

Interface SVGElement

Interface TextProperties

TextProperties is the interface that all elements which have text properties implement.

The text properties are: font-family, font-size, font-style, font-weight and text-anchor.

Setting a property means that the node has a specified value for the corresponding attribute. In order to clear an attribute, use the Element's removeAttribute[NS] method.

The initial values for the different properties are specified in the SVG 1.2 specification:

Interface GraphicsProperties

GraphicsProperties in the interface that all elements which have graphics properties implement.

The graphics properties are: fill, stroke, color, fill-rule, stroke-width, stroke-line-join, stroke-line-cap, stroke-miter-limit, stroke-dash-array, stroke-dash-offset, display and visibility.

Setting a property means that the node has a specified value for the corresponding attribute. In order to clear an attribute, use the Element's removeAttribute[NS] method. To set the fill or color properties to 'currentColor', use the regular DOM method setAttribute or setAttributeNS.

The initial values for the different properties are specified in the SVG 1.2 specification:

Interface StructureElement

StructureElement is the base interface for all the elements in the SVG structure module.

Interface TransformableElement

TransformableElement is the interface that all elements which have a transform attribute implement.

Interface SVGSVGElement

Interface EllipseElement

EllipseElement is used to represent both <ellipse> and <circle> nodes in the document.

Interface LineElement

Interface RectElement

Interface PathElement

PathElement is used to represent <path>, <polygon> and <polyline> nodes in the document.

Interface GroupElement

Group is the interface corresponding to elements which are <g> elements or a refinement of groups, such as the <a> element.

Interface ImageElement

Interface UseElement

Interface TextElement

TextElement in the interface corresponding the the SVG <text> element.
Text content is set by adding Text nodes to the object.

Interface SVGLocatable

SVGLocatable is the same interface as the SVGLocatable interface in the SVG 1.1 specification.
For definition see SVGLocatable.

Interface SVGRect

SVGRect is the same interface as the SVGRect interface in the SVG 1.1 specification.
For definition see SVGRect.

Interface SVGMatrix

SVGMatrix is the same interface as the SVGMatrix interface in the SVG 1.1 specification.
For definition see SVGMatrix.

Interface SVGColor

SVGColor is still to be defined. Will be a color datatype containing the color/paint functionality relevant for SVGT. Probably a subset of SVGColor for SVG 1.1 full profile.

Data Type	Description
Number	SVGT and SVGB support fixed point numbers, thus all numbers must be limited in range between -32,767.9999 to +32,767.9999 or the scientific notation equivalent.
Length	SVGT only supports user units (i.e., CSS units are not supported), with the one exception that the 'width' and 'height' attributes on the outermost 'svg' element can specify values in any of the following CSS units: in, cm, mm, pt, pc, and %. SVGB supports lengths in user coordinate space and in CSS units.
Coordinate	SVGT and SVGB support the coordinate data type, represented with a <length> value.
List of XXX	(where XXX represents a value of some type): SVGT and SVGB support the list specification.
Angle	SVGT only supports angles if specified with no CSS unit identifiers (which means all angles are in degrees). SVGB supports angles with CSS unit identifiers.
Color	SVGT and SVGB support <color> in the CSS2-compatible specification for a color in the sRGB color space, and system colors. Additionally, SVGB and SVGT support 16 original color keywords from XHTML, and do not support X11 colors. SVGB also allows optional support of ICC color profiles.
Paint	SVGB supports paint specification for fill and stroke operations, as well as linear and radial gradients. SVGT does not support the more general notion of paint specification and thus only supports solid color fills and strokes.
Percentage	SVGB supports percentages. SVGT does not support percentage values except for the 'width' and 'height' attributes on the outermost 'svg' element.
Transform List	SVGB and SVGT support transform lists.
URI	SVGB and SVGT support the URI datatype.
Frequency	SVGB and SVGT do not support frequency values.
Time	SVGB and SVGT support time values, with unit identifiers (ms, s).

DOCUMENT_NODE		The node is a `Document`
ELEMENT_NODE		The node is an `Element`

in Node newChild		The `Node` to insert.
in Node refChild		The `Node` before which `newChild` is inserted

in DOMString namespaceURI		The namespace uri for the newly created element.
in DOMString qName		The qualified name for the newly created element.

in DOMString namespaceURI		The namespace URI of the retrieved attribute.
in DOMString qName		The qualified name of the attribute to set on the element.

in DOMString namespaceURI		The namespace URI of the attribute to remove.
in DOMString qName		The qualified name of the attribute to remove.

in DOMString name		The name of the attribute to set on the element.
in DOMString value		The new attribute value.

INVALID_ACCESS_ERR		If a parameter or an operation is not supported by the underlying object.
INVALID_MODIFICATION_ERR		If an attempt is made to modify the type of the underlying object.
NOT_SUPPORTED_ERR		If the implementation does not support the requested type of object or operation.
WRONG_DOCUMENT_ERR		If a node is used in a different document than the one that created it (that doesn't support it)

AT_TARGET		The event is currently being evaluated at the target `EventTarget`.
BUBBLING_PHASE		The current event phase is the bubbling phase.
CAPTURING_PHASE		The current event phase is the capturing phase.

in DOMString type		The type of event to listen to.
in EventListener listener		Will be notified when an event of the desired type happens on this target or one of its descendant.
in boolean useCapture		If true, the listener will be called during the event flow capture phase. Otherwise, the listener will be called during the bubble phase. If the event's target is this target, then the listener will be called during the 'at target' phase of event flow.

in DOMString type		The type of event that was listened to.
in EventListener listener		The listener that was previously registered.
in boolean useCapture		If true, the listener was listening to events in the capture phase of event flow.

in SVGElement element		The element on which to perform the given test.
in SVGRect rect		The test rectangle. The values are in the initial coordinate system for the current 'svg' element.

SVG_XXX		Defines the different types of svg elements.
UNIT_XXX		Defines the different types of units.

Property	Initial Value
font-family	User Agent Specific
font-size	User Agent Specific
font-style	normal
font-weight	normal
text-anchor	start

FONT_STRETCH_XXX		Refer to the CSS 2 specification for a definition of the font-stretch values.
FONT_STYLE_XXX		Refer to the CSS 2 specification for a definition of the various font-styles.
FONT_WEIGHT_XXX		Refer to the CSS 2 specification for a definition of the font-weights.
TEXT_ANCHOR_START		Text is anchored about its starting point.
TEXT_ANCHOR_MIDDLE		Text is anchored about its mid point.
TEXT_ANCHOR_END		Text is anchored about its end point.

Property	Initial Value
display	true
visibility	true
color	black
fill	black
stroke	none (null)
fill-rule	non zero
stroke-width	1
stroke-line-join	miter
stroke-line-cap	butt
stroke-miter-limit	4
stroke-dash-array	null
stroke-dash-offset	0

CAP_BUTT		Ends unclosed subpaths and dash segments with no added decoration.
CAP_ROUND		Ends unclosed subpaths and dash segments with a round decoration that has a radius equal to half of the width of the pen.
CAP_SQUARE		Ends unclosed subpaths and dash segments with a square projection that extends beyond the end of the segment to a distance equal to half of the line width.
JOIN_BEVEL		Joins path segments by connecting the outer corners of their wide outlines with a straight segment.
JOIN_MITER		Joins path segments by extending their outside edges until they meet.
JOIN_ROUND		Joins path segments by rounding off the corner at a radius of half the line width.
WIND_EVEN_ODD		The even-odd rule specifies that a point lies inside the path if a ray drawn in any direction from that point to infinity is crossed by path segments an odd number of times.
WIND_NON_ZERO		The non-zero rule specifies that a point lies inside the path if a ray drawn in any direction from that point to infinity is crossed by path segments a different number of times in the counter-clockwise direction than the clockwise direction.

ZOOM_PAN_DISABLE		As in the SVG 1.1 specification.
ZOOM_PAN_MAGNIFY		As in the SVG 1.1 specification.
ZOOM_PAN_UNKNOWN		As in the SVG 1.1 specification.

	Color code
SVG1.2 New Elements	Element Name
Elements supported by SVGT1.1	Module Name
Elements supported by SVGT1.2	Section Name in SVG1.2 Doc.
Disallowed in profile	n/a

Element	SVGT1.2
a	Hyperlinking
altGlyph	n/a
altGlyphDef	n/a
altGlyphItem	n/a
animate	Animation
animateColor	Animation
animateMotion	Animation
animateTransform	Animation
audio	Multimedia enhancements
circle	Shape
clipPath	n/a
color-profile	n/a
cursor	n/a
definition-src	n/a
defs	Basic Structure
desc	Basic Structure
deviceColor	n/a
elementDef	n/a
ellipse	Shape
extensionDefs	n/a
feBlend	n/a
feColorMatrix	n/a
feComponentTransfer	n/a
feComposite	n/a
feConvolveMatrix	n/a
feDiffuseLighting	n/a
feDisplacementMap	n/a
feDistantLight	n/a
feFlood	n/a
feFuncA	n/a
feFuncB	n/a
feFuncG	n/a
feFuncR	n/a
feGaussianBlur	n/a
feImage	n/a
feMerge	n/a
feMergeNode	n/a
feMorphology	n/a
feOffset	n/a
fePointLight	n/a
feSpecularLighting	n/a
feSpotLight	n/a
feTile	n/a
feTurbulence	n/a
filter	n/a
flowDiv	Text Enhancements
flowImage	n/a
flowLine	n/a
flowPara	Text Enhancements
flowRef	n/a
flowRegion	Text Enhancements
flowRegionBreak	n/a
flowRegionExclude	n/a
flowSpan	n/a
flowText	Text Enhancements
flowTref	n/a
font-face	Basic Font
font-face-format	n/a
font-face-name	Basic Font
font-face-src	Basic Font
font-face-uri	n/a
foreignObject	Extensibility
g	Basic Structure
glyph	Basic Font
glyphRef	n/a
handler	XML Events Integration
hint	n/a
hkern	Basic Font
image	Image
line	Shape
linearGradient	Tiny Gradient?
marker	n/a
mask	n/a
metadata	Basic Structure
missing-glyph	Basic Font
mpath	Animation
page	Multiple Pages
pageSet	Multiple Pages
par	n/a
param	n/a
path	Shape
pattern	n/a
polygon	Shape
polyline	Shape
prefetch	n/a
prototype	n/a
radialGradient	Tiny Gradient?
rect	Shape
refContent	n/a
script	n/a
seq	n/a
set	Animation
solidColor	n/a
stop	n/a
style	n/a
svg	Basic Structure
switch	Conditional Processing
symbol	n/a
text	Basic Text
textPath	n/a
title	Basic Structure
transformer	n/a
transition	n/a
tref	n/a
tspan	n/a
use	Basic Structure
veAffine	n/a
vectorEffect	n/a
veExclude	n/a
veFill	n/a
veIntersect	n/a
veJoin	n/a
veMarker	n/a
vePath	n/a
vePathRef	n/a
veReverse	n/a
veSetback	n/a
veStroke	n/a
veStrokePath	n/a
veUnion	n/a
video	n/a
view	n/a
vkern	n/a

Section	Element	Attribute	Values
Text Wrapping	flowText	PresentationAttrs
Text Wrapping	flowText	StyleAttrs
Text Wrapping	flowRegion
Text Wrapping	flowRegionExclude
Text Wrapping	flowDiv	PresentationAttrs
Text Wrapping	flowDiv	StyleAttrs
Text Wrapping	flowPara	PresentationAttrs
Text Wrapping	flowPara	StyleAttrs
Text Wrapping	flowSpan	PresentationAttrs
Text Wrapping	flowSpan	StyleAttrs
Text Wrapping	flowRegionBreak
Text Wrapping	flowLine	PresentationAttrs
Text Wrapping	flowLine	StyleAttrs
Text Wrapping	flowTref	xlink:href	%URI;
Text Wrapping	flowTref	PresentationAttrs
Text Wrapping	flowTref	StyleAttrs
Text Wrapping	flowRef	xlink:href	%URI;
Text Wrapping	flowRef	PresentationAttrs
Text Wrapping	flowRef	StyleAttrs
Text Wrapping	flowImage	width	%Length;
Text Wrapping	flowImage	height	%Length;
Editable Text Fields	flowDiv	editable	true \| false
Editable Text Fields	text	editable	true \| false
Element definitions	extensionDefs	PresentationAttrs
Element definitions	extensionDefs	StyleAttrs
Element definitions	elementDef	PresentationAttrs
Element definitions	elementDef	StyleAttrs
Element definitions	elementDef	name	CDATA
Element definitions	prototype
Element definitions	transformer	xlink:href	%URI;
Element definitions	transformer	type	content-type
Element definitions	param	name	CDATA
Element definitions	param	value	CDATA
Element definitions	refContent	PresentationAttrs
Element definitions	refContent	StyleAttrs
Element definitions	refContent	select	%XPathSelector;
Element definitions	refContent	transform	%TransformList;
Element focus and navigation	container elements and graphics elements	focusable	true \| false \| auto
Tooltips	hint
The handler element	handler	commonAttrs
The handler element	handler	type	%ContentType;
The handler element	handler	xlink:href	%URI;
The handler element	handler	xml:base	%URI;
The handler element	handler	ev:event	CDATA
The audio element	audio	XLinkEmbedAttrs
The audio element	audio	MediaAttrs
The video element	video	x	%Coordinate;
The video element	video	y	%Coordinate;
The video element	video	width	%Length;
The video element	video	height	%Length;
The video element	video	preserveAspectRatio	%PreserveAspectRatioSpec;
The video element	video	PresentationAttrs
The video element	video	StyleAttrs
The video element	video	XLinkEmbedAttrs
The video element	video	MediaAttrs
Transition effects	transition	type	transition-type
Transition effects	transition	subtype	transition-type
Transition effects	transition	dur	CDATA
Transition effects	transition	startProgress	%TransitionValue;
Transition effects	transition	endProgress	%TransitionValue;
Transition effects	transition	direction	forward \| reverse
Transition effects	transition	fadeColor	%Color;
Timing and Synchronization	par
Timing and Synchronization	seq
The pageSet element	pageSet	PresentationAttrs
The pageSet element	pageSet	StyleAttrs
The page element	page	PresentationAttrs
The page element	page	StyleAttrs
The page element	page	viewBox	%ViewBoxSpec;
The page element	page	preserveAspectRatio	%PreserveAspectRatioSpec;
The page element	page	page-orientation	270 \| -180 \| -90 \| 0 \| 90 \| 180 \| 270
The timelineBegin attribute	svg, page?	timelineBegin	onLoad \| onStart
The streamedContents attribute	page?	streamedContent	keep \| discard
Enhanced Alpha Compositing	container elements and graphics elements	clip-to-self	true \| false \| inherit
Enhanced Alpha Compositing	container elements	enable-background	accumulate \| new [ x y width height ] \| inherit
Enhanced Alpha Compositing	container elements	knock-out	true \| false \| inherit
Enhanced Alpha Compositing	container elements and graphics elements	comp-op	clear \| src \| dst \| src_over \| dst_over \| src_in \| dst_in \| src_out \| dst_out \| src_atop \| dst_atop \| xor \| plus \| multiply \| screen \| overlay \| darken \| lighten \| color_dodge \| color_burn \| hard_light \| soft_light \| difference \| exclusion \| inherit
Constrained Transformations	container elements, use, image, feImage	transform-host	true \| false
The solidColor Element	solidColor	PresentationAttrs
The solidColor Element	solidColor	StyleAttrs
The solidColor Element	solidColor	solid-color	currentColor \| <color> [icc-color( <name> [, <icccolorvalue>]* ) ] \| inherit
The solidColor Element	solidColor	solid-opacity	<alphavalue> \| inherit
Background Fill Property	viewport-creating elements	background-fill	<paint>
Inheritance into the shadow tree	all elements that establish shadow trees	shadowInherit	onDefine \| onUse \| none \| inherit
Using device colors	deviceColor	xlink:href	%URI;
Using device colors	deviceColor	name
Controlling the rendering color space	container elements and graphical elements	rendering-color-space	auto \| sRGB \| linearRGB \| <name> \| %URI; \|inherit
Prefetching resources	prefetch	xlink:href	%URI;
Prefetching resources	prefetch	StdAttrs
Prefetching resources	prefetch	mediaSize	<number> \| <percentage>
Prefetching resources	prefetch	mediaTime	<clock> \| <percentage>
Prefetching resources	prefetch	bandwidth	<number> \| <percentage>
The vectorEffect element	vectorEffect	vectorEffectUnits	userSpaceOnUse \| objectBoundingBox
The vectorEffect element	vectorEffect	compositing	normal \| knockout
The veStrokePath element	veStrokePath	result	%OutputName;
The veStrokePath element	veStrokePath	in	%SourcePath; \| %InputName;
The veStrokePath element	veStrokePath	transform	%TransformList;
The veStrokePath element	veStrokePath	stroke-width	%StrokeWidthValue;
The veStrokePath element	veStrokePath	stroke-dasharray	%StrokeDashArrayValue;
The veStrokePath element	veStrokePath	stroke-dashoffset	%StrokeDashOffsetValue;
The veStrokePath element	veStrokePath	stroke-linejoin	(miter \| round \| bevel \| inherit)
The veStrokePath element	veStrokePath	stroke-linecap	(butt \| round \| square \| inherit)
The veStrokePath element	veStrokePath	stroke-miterlimit	%StrokeMiterLimitValue;
The veSetback element	veSetback	result	%OutputName;
The veSetback element	veSetback	in	%SourcePath; \| %InputName;
The veSetback element	veSetback	transform	%TransformList;
The veSetback element	veSetback	setback-offset	%Length;
The veAffine element	veAffine	result	%OutputName;
The veAffine element	veAffine	in	%SourcePath; \| %InputName;
The veAffine element	veAffine	transformPath	%TransformList;
The veReverse element	veReverse	result	%OutputName;
The veReverse element	veReverse	in	%SourcePath; \| %InputName;
The veJoin element	veJoin	result	%OutputName;
The veJoin element	veJoin	in	%SourcePath; \| %InputName;
The veJoin element	veJoin	in2	%SourcePath; \| %InputName;
The veJoin element	veJoin	connect	line \| none
The veUnion element	veUnion	result	%OutputName;
The veUnion element	veUnion	in	%SourcePath; \| %InputName;
The veUnion element	veUnion	in2	%SourcePath; \| %InputName;
The veIntersect element	veIntersect	result	%OutputName;
The veIntersect element	veIntersect	in	%SourcePath; \| %InputName;
The veIntersect element	veIntersect	in2	%SourcePath; \| %InputName;
The veExclude element	veExclude	result	%OutputName;
The veExclude element	veExclude	in	%SourcePath; \| %InputName;
The veExclude element	veExclude	in2	%SourcePath; \| %InputName;
The veFill element	veFill	in	%SourcePath; \| %InputName;
The veFill element	veFill	fill	StrokePaint \| FillPaint
The veFill element	veFill	transform	%TransformList;
The veStroke element	veStroke	in	%SourcePath; \| %InputName;
The veStroke element	veStroke	fill	StrokePaint \| FillPaint
The veStroke element	veStroke	transform	%TransformList;
The veMarker element	veMarker	in	%SourcePath; \| %InputName;
The veMarker element	veMarker	marker-start	?
The veMarker element	veMarker	marker-mid	?
The veMarker element	veMarker	marker-end	?
The veMarker element	veMarker	transform	%TransformList;
The vePath element	vePath	result	%OutputName;
The vePathRef element	vePathRef	connect	line \| none
The vePathRef element	vePathRef	reverse	?
The vePathRef element	vePathRef	transform	%TransformList;
The vePathRef element	vePathRef	xlink:href	%URI;

Mobile SVG Profiles: SVG Tiny and SVG Basic, Version 1.2

W3C Working Draft 09 December 2003

SVG Basic

Mobile SVG Document Fragment

The 'title', 'desc', 'metadata' Elements

The 'svg' Element

References and the 'defs' Element

The 'symbol' Element

The 'use' Element

The 'image' Element

The 'switch' Element

Progressive Downloading

Progressive Rendering

Specification of thumbnails

The 'audio' Element

The 'transform' Attribute

The 'viewBox' Attribute

The 'preserveAspectRatio' Attribute

Establishing a New Viewport

Units

Object Bounding Box Units

Paths

Basic Shapes

Introduction

Features Support Summary

Feature Details

Document Access

Tree Navigation

Element Creation

Element Addition

Element Removal

Attribute Access

Generic Access

Typed access

Attribute Modification

Generic String Access

Specialized Access

Event Listener Registration and Removal

Animation

API Definitions

Interface Node

Interface Document

Interface Element

Interface DOMException

Interface Event

Interface EventListener

Interface EventTarget

Interface SVGDocument

Interface SVGElement

Interface TextProperties

Interface GraphicsProperties

Interface StructureElement

Interface TransformableElement

Interface SVGSVGElement

Interface AnchorElement

Interface AnimationElement

Interface EllipseElement

Interface LineElement

Interface RectElement

Interface PathElement

Interface GroupElement

Interface ImageElement

Interface UseElement

Interface TextElement

Interface SVGLocatable

Interface SVGRect

Interface SVGMatrix

Interface SVGColor