SVG: Modularized and mobile (2/2) - exploring XML | WebReference

SVG: Modularized and mobile (2/2) - exploring XML

SVG: Modularized and mobile

Mobile SVG Profiles: SVG Tiny and SVG Basic

Two mobile profiles of SVG 1.1 are defined using the new modularization. The first profile, SVG Tiny (SVGT), is defined to be suitable for cellphones; the second profile, SVG Basic (SVGB), is suitable for PDAs.

Mobile SVG profiles attempt to maximize compatibility with SVG 1.0 to display existing content. A true subset of the SVG 1.0 imaging model is maintained.

Overview of Mobile SVG

SVGT and SVGB consist of the following SVG 1.1 modules. For each module, a given profile might contain the Full version, the Basic version, the Tiny 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.

The following table depicts the limitations of the two mobile profiles with regard to the modularization:

Module (tags)SVG TinySVG Basic
Core Attribute ModuleFullFull
Structure Module (svg,g,defs,desc,title,metadata,symbol,use)TinyFull
Viewport Attribute ModuleNoneFull
Style Module (style)FullFull
Paint Attribute Module TinyFull
Opacity Attribute ModuleNoneFull
Graphics Attribute ModuleTinyFull
Hyperlinking Module (a)FullFull
XLink Attribute ModuleFullFull
ExternalResourcesRequired Attribute ModuleNoneFull
Conditional processing
Conditional Processing Module (switch)FullFull
Shape Module (path, rect, circle, line, ellipse, polyline, polygon)FullFull
Image Module (image)FullFull
Text Module (text, tspan, tref, textPath, div, span, region, p, br)TinyBasic
Color Module (solidColor, color-profile)TinyFull
Font Module (font, font-face, glyph, missing-glyph, hkern, vkern, font-face-src, font-face-name, definition-src)TinyFull
Full Gradient Module (linearGradient, radialGradient, stop)NoneFull
Full Pattern Module (pattern)NoneFull
Basic Clip Module (clipPath)NoneBasic
Full Mask Module (mask)NoneFull
Document Events Attribute ModuleFullFull
Graphical Element Events Attribute ModuleFullFull
Animation Events Attribute ModuleFullFull
Scripting Module (script)FullFull
Cursor Module (cursor)NoneFull
View Module (view)FullFull
Filter Module (filter, feBlend, feColorMatrix, feComponentTransfer, feComposite, feFlood, feGaussianBlur, feImage, feMerge, feMergeNode, feOffset, feTile, feFuncR, feFuncG, feFuncB, feFuncA)NoneBasic
Animation Module (animate, set, animateMotion, animateTransform, animateColor, mpath)FullFull
Extensibility Module (foreignObject)FullFull

For more details, see the original W3C spec.


With SVG going the same route as XHTML in terms of modularization and well-defined profiles, hopes are high that the two combined will become the prominent format for documents, both on the Web and off. Adobe puts significant resources behind the SVG effort in an attempt to replace Macromedia's Flash as the most prominent companion to HTML. The available SVG plug-in is available for all client platforms, and some steps have been made towards integrating SVG and PDF, as both rely on the same drawing model. Let's see whether Adobe can convince the browser manufacturers to include native SVG support in a move similar to Macromedia. Microsoft could be a challenge as they heavily invested into the competing Vector Markup Language (VML), and no clear statement regarding SVG has been made.


Produced by Michael Claßen

Created: Mar 04, 2002
Revised: Mar 04, 2002