</div>
<h1>4 Basic Data Types and Interfaces</h1>
<br />
- <a id="Contents" name="Contents"></a>
+ <a id="Contents"/>
<h3>Contents</h3>
<ul class="toc">
<li class="tocline2"><a href="types.html#BasicDataTypes"
class="tocxref">4.3 Basic DOM interfaces</a></li>
</ul>
<br />
- <a id="BasicDataTypes" name="BasicDataTypes"
- class="indexref-basic_data_types"></a>
+ <a id="BasicDataTypes" class="indexref-basic_data_types"/>
<h2>4.1 Basic data types</h2>
<p>The common data types for SVG's properties and attributes
fall into the following categories:</p>
<ul>
- <li><a id="DataTypeInteger" name="DataTypeInteger"
- class="indexref-basic_data_types::integer"></a> <span
+ <li><a id="DataTypeInteger"
+ class="indexref-basic_data_types::integer"/> <span
class="SVG-Term"><integer></span>: An <integer>
is specified as an optional sign character ('+' or '-')
followed by one or more digits "0" to "9". If the sign
href="types.html#InterfaceSVGAnimatedInteger"><span
class="DOMInterfaceName">SVGAnimatedInteger</span></a>.</li>
<li>
- <a id="DataTypeNumber" name="DataTypeNumber"
- class="indexref-basic_data_types::number"></a> <span
+ <a id="DataTypeNumber"
+ class="indexref-basic_data_types::number"/> <span
class="SVG-Term"><number></span> (real number value):
The specification of real number values is different for <a
href="intro.html#TermProperty">property</a> values than for
that a <a href="intro.html#TermProperty">property</a>
value which is a <number> is specified in <span
class="SVG-Term">decimal notation</span> (i.e., a <a
- id="DataTypeDecimalNumber"
- name="DataTypeDecimalNumber"><span
+ id="DataTypeDecimalNumber"><span
class="attr-value"><decimal-number></span></a>),
which consists of either an <a
href="types.html#DataTypeInteger"><integer></a>, or
values can be provided either in <a
href="types.html#DataTypeDecimalNumber">decimal
notation</a> or in <span class="SVG-Term">scientific
- notation</span> (i.e., a <a id="DataTypeScientificNumber"
- name="DataTypeScientificNumber"><span
+ notation</span> (i.e., a <a id="DataTypeScientificNumber"><span
class="attr-value"><scientific-number></span></a>),
which consists of a <a
href="types.html#DataTypeDecimalNumber"><decimal-number></a>
href="types.html#InterfaceSVGAnimatedNumber"><span
class="DOMInterfaceName">SVGAnimatedNumber</span></a>.
</li>
- <li><a id="DataTypeLength" name="DataTypeLength"
- class="indexref-basic_data_types::length"></a> <span
+ <li><a id="DataTypeLength"
+ class="indexref-basic_data_types::length"/> <span
class="SVG-Term"><length></span>: A length is a
distance measurement. The format of a <length> is a <a
href="types.html#DataTypeNumber"><number></a>
class="DOMInterfaceName">SVGLength</span></a> or an <a
href="types.html#InterfaceSVGAnimatedLength"><span
class="DOMInterfaceName">SVGAnimatedLength</span></a>.</li>
- <li><a id="DataTypeCoordinate" name="DataTypeCoordinate"
- class="indexref-basic_data_types::coordinate"></a> <span
+ <li><a id="DataTypeCoordinate"
+ class="indexref-basic_data_types::coordinate"/> <span
class="SVG-Term"><coordinate></span>: A
<coordinate> represents a <a
href="types.html#DataTypeLength"><length></a> in the
class="DOMInterfaceName">SVGAnimatedLength</span></a> since
both values have the same syntax.</li>
<li>
- <a id="DataTypeList" name="DataTypeList"
- class="indexref-basic_data_types::list"></a> <span
+ <a id="DataTypeList"
+ class="indexref-basic_data_types::list"/> <span
class="SVG-Term"><list of xxx></span> (where xxx
represents a value of some type): A list consists of a
separated sequence of values. The specification of lists is
<br />
</li>
<li><a id="DataTypeNumberOptionalNumber"
- name="DataTypeNumberOptionalNumber"
- class="indexref-basic_data_types::number-optional-number"></a>
+ class="indexref-basic_data_types::number-optional-number"/>
<span class="SVG-Term"><number-optional-number></span>:
A special case of <a href="types.html#DataTypeList"><list
of xxx></a> where there are at least one and at most two
entries in the list and the entries are of type <a
href="types.html#DataTypeNumber"><number></a>.</li>
<li>
- <a id="DataTypeAngle" name="DataTypeAngle"
- class="indexref-basic_data_types::angle"></a> <span
+ <a id="DataTypeAngle"
+ class="indexref-basic_data_types::angle"/> <span
class="SVG-Term"><angle></span>: An angle value is a
<a href="types.html#DataTypeNumber"><number></a>
optionally followed immediately with an angle unit
href="types.html#InterfaceSVGAnimatedAngle"><span
class="DOMInterfaceName">SVGAnimatedAngle</span></a>.
</li>
- <li><a id="DataTypeColor" name="DataTypeColor"
- class="indexref-basic_data_types::color"></a> <span
+ <li><a id="DataTypeColor"
+ class="indexref-basic_data_types::color"/> <span
class="SVG-Term"><color></span>: The basic type
<color> is a CSS2-compatible specification for a color
in the sRGB color space <a
the ability to specify ICC-based colors, are represented in
DOM interface <a href="#InterfaceSVGColor"><span
class="DOMInterfaceName">SVGColor</span></a>.</li>
- <li><a id="DataTypePaint" name="DataTypePaint"
- class="indexref-basic_data_types::paint"></a> <span
+ <li><a id="DataTypePaint"
+ class="indexref-basic_data_types::paint"/> <span
class="SVG-Term"><paint></span> : The values for
properties <a href="painting.html#FillProperty"><span
class="prop-name">'fill'</span></a> and <a
Within the SVG DOM, <paint> is represented as an <a
href="painting.html#InterfaceSVGPaint"><span
class="DOMInterfaceName">SVGPaint</span></a>.</li>
- <li><a id="DataTypePercentage" name="DataTypePercentage"
- class="indexref-basic_data_types::percentage"></a> <span
+ <li><a id="DataTypePercentage"
+ class="indexref-basic_data_types::percentage"/> <span
class="SVG-Term"><percentage></span>: The format of a
percentage value is a <a
href="types.html#DataTypeNumber"><number></a>
href="types.html#InterfaceSVGAnimatedLength"><span
class="DOMInterfaceName">SVGAnimatedLength</span></a>.</li>
<li><a id="DataTypeTransformList"
- name="DataTypeTransformList"
- class="indexref-basic_data_types::transform-list"></a> <span
+ class="indexref-basic_data_types::transform-list"/> <span
class="SVG-Term"><transform-list></span> : The detailed
description of the possible values for a
<transform-list> are detailed in <a
class="DOMInterfaceName">SVGTransformList</span></a> or an <a
href="coords.html#InterfaceSVGAnimatedTransformList"><span
class="DOMInterfaceName">SVGAnimatedTransformList</span></a>.</li>
- <li><a id="DataTypeURI" name="DataTypeURI"
- class="indexref-basic_data_types::URI"></a> <span
+ <li><a id="DataTypeURI"
+ class="indexref-basic_data_types::URI"/> <span
class="SVG-Term"><a
href="types.html#DataTypeURI"><uri></a></span> (Uniform
Resource Identifiers [URI] references): A URI is the address
href="types.html#InterfaceSVGAnimatedString"><span
class="DOMInterfaceName">SVGAnimatedString</span></a>.</li>
<li>
- <a id="DataTypeFrequency" name="DataTypeFrequency"
- class="indexref-basic_data_types::frequency"></a> <span
+ <a id="DataTypeFrequency"
+ class="indexref-basic_data_types::frequency"/> <span
class="SVG-Term"><frequency></span>: Frequency values
are used with aural properties. The normative definition of
frequency values can be found in [<a
href="http://www.w3.org/TR/DOM-Level-2-Style/css.html">DOM2-CSS</a>].
</li>
<li>
- <a id="DataTypeTime" name="DataTypeTime"
- class="indexref-basic_data_types::time"></a> <span
+ <a id="DataTypeTime"
+ class="indexref-basic_data_types::time"/> <span
class="SVG-Term"><time></span>: A time value is a
<number> immediately followed by a time unit
identifier. Time unit identifiers are:
</li>
</ul>
<br />
- <a id="ColorKeywords" name="ColorKeywords"
- class="indexref-color_keywords"></a>
+ <a id="ColorKeywords" class="indexref-color_keywords"/>
<h2>4.2 Recognized color keyword names</h2>
<p>The following is the list of recognized color keywords that
can be used as a keyword value for data type <a
</tr>
</table>
<br />
- <a id="BasicDOMInterfaces" name="BasicDOMInterfaces"></a>
+ <a id="BasicDOMInterfaces"/>
<h2>4.3 Basic DOM interfaces</h2>
<!-- AUTO-GENERATED DOM INTERFACES GO HERE -->
<p>The following interfaces are defined below: <a
href="#InterfaceSVGCSSRule">SVGCSSRule</a>, <a
href="#InterfaceSVGRenderingIntent">SVGRenderingIntent</a>.</p>
<br />
- <a id="InterfaceSVGElement" name="InterfaceSVGElement"></a>
+ <a id="InterfaceSVGElement"/>
<h3>Interface <span
class="DOMInterfaceName">SVGElement</span></h3>
<p>All of the SVG DOM interfaces that correspond directly to
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedBoolean"
- name="InterfaceSVGAnimatedBoolean"></a>
+ <a id="InterfaceSVGAnimatedBoolean"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedBoolean</span></h3>
Used for attributes of type boolean which can be animated.
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedString"
- name="InterfaceSVGAnimatedString"></a>
+ <a id="InterfaceSVGAnimatedString"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedString</span></h3>
Used for attributes of type DOMString which can be animated.
</dd>
</dl>
<br />
- <a id="InterfaceSVGStringList"
- name="InterfaceSVGStringList"></a>
+ <a id="InterfaceSVGStringList"/>
<h3>Interface <span
class="DOMInterfaceName">SVGStringList</span></h3>
<p>This interface defines a list of <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedEnumeration"
- name="InterfaceSVGAnimatedEnumeration"></a>
+ <a id="InterfaceSVGAnimatedEnumeration"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedEnumeration</span></h3>
Used for attributes whose value must be a constant from a
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedInteger"
- name="InterfaceSVGAnimatedInteger"></a>
+ <a id="InterfaceSVGAnimatedInteger"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedInteger</span></h3>
Used for attributes of basic type 'integer' which can be
</dd>
</dl>
<br />
- <a id="InterfaceSVGNumber" name="InterfaceSVGNumber"></a>
+ <a id="InterfaceSVGNumber"/>
<h3>Interface <span
class="DOMInterfaceName">SVGNumber</span></h3>
Used for attributes of basic type 'number'.
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedNumber"
- name="InterfaceSVGAnimatedNumber"></a>
+ <a id="InterfaceSVGAnimatedNumber"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedNumber</span></h3>
Used for attributes of basic type 'number' which can be
</dd>
</dl>
<br />
- <a id="InterfaceSVGNumberList"
- name="InterfaceSVGNumberList"></a>
+ <a id="InterfaceSVGNumberList"/>
<h3>Interface <span
class="DOMInterfaceName">SVGNumberList</span></h3>
<p>This interface defines a list of <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedNumberList"
- name="InterfaceSVGAnimatedNumberList"></a>
+ <a id="InterfaceSVGAnimatedNumberList"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedNumberList</span></h3>
Used for attributes which take a list of numbers and which can
</dd>
</dl>
<br />
- <a id="InterfaceSVGLength" name="InterfaceSVGLength"></a>
+ <a id="InterfaceSVGLength"/>
<h3>Interface <span
class="DOMInterfaceName">SVGLength</span></h3>
<p>The <span class="DOMInterfaceName">SVGLength</span>
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedLength"
- name="InterfaceSVGAnimatedLength"></a>
+ <a id="InterfaceSVGAnimatedLength"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedLength</span></h3>
Used for attributes of basic type 'length' which can be
</dd>
</dl>
<br />
- <a id="InterfaceSVGLengthList"
- name="InterfaceSVGLengthList"></a>
+ <a id="InterfaceSVGLengthList"/>
<h3>Interface <span
class="DOMInterfaceName">SVGLengthList</span></h3>
<p>This interface defines a list of <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedLengthList"
- name="InterfaceSVGAnimatedLengthList"></a>
+ <a id="InterfaceSVGAnimatedLengthList"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedLengthList</span></h3>
Used for attributes of type SVGLengthList which can be
</dd>
</dl>
<br />
- <a id="InterfaceSVGAngle" name="InterfaceSVGAngle"></a>
+ <a id="InterfaceSVGAngle"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAngle</span></h3>
<p>The <span class="DOMInterfaceName">SVGAngle</span> interface
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedAngle"
- name="InterfaceSVGAnimatedAngle"></a>
+ <a id="InterfaceSVGAnimatedAngle"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedAngle</span></h3>
Corresponds to all properties and attributes whose values can
</dd>
</dl>
<br />
- <a id="InterfaceSVGColor" name="InterfaceSVGColor"></a>
+ <a id="InterfaceSVGColor"/>
<h3>Interface <span
class="DOMInterfaceName">SVGColor</span></h3>
<p>The <span class="DOMInterfaceName">SVGColor</span> interface
</dd>
</dl>
<br />
- <a id="InterfaceSVGICCColor" name="InterfaceSVGICCColor"></a>
+ <a id="InterfaceSVGICCColor"/>
<h3>Interface <span
class="DOMInterfaceName">SVGICCColor</span></h3>
<p>The <span class="DOMInterfaceName">SVGICCColor</span>
</dd>
</dl>
<br />
- <a id="InterfaceSVGRect" name="InterfaceSVGRect"></a>
+ <a id="InterfaceSVGRect"/>
<h3>Interface <span
class="DOMInterfaceName">SVGRect</span></h3>
<p>Rectangles are defined as consisting of a (x,y) coordinate
</dd>
</dl>
<br />
- <a id="InterfaceSVGAnimatedRect"
- name="InterfaceSVGAnimatedRect"></a>
+ <a id="InterfaceSVGAnimatedRect"/>
<h3>Interface <span
class="DOMInterfaceName">SVGAnimatedRect</span></h3>
Used for attributes of type SVGRect which can be animated.
</dd>
</dl>
<br />
- <a id="InterfaceSVGUnitTypes"
- name="InterfaceSVGUnitTypes"></a>
+ <a id="InterfaceSVGUnitTypes"/>
<h3>Interface <span
class="DOMInterfaceName">SVGUnitTypes</span></h3>
<p>The <span class="DOMInterfaceName">SVGUnitTypes</span>
</dd>
</dl>
<br />
- <a id="InterfaceSVGStylable" name="InterfaceSVGStylable"></a>
+ <a id="InterfaceSVGStylable"/>
<h3>Interface <span
class="DOMInterfaceName">SVGStylable</span></h3>
<dl>
</dd>
</dl>
<br />
- <a id="InterfaceSVGLocatable"
- name="InterfaceSVGLocatable"></a>
+ <a id="InterfaceSVGLocatable"/>
<h3>Interface <span
class="DOMInterfaceName">SVGLocatable</span></h3>
<p>Interface <span class="DOMInterfaceName">SVGLocatable</span>
</dd>
</dl>
<br />
- <a id="InterfaceSVGTransformable"
- name="InterfaceSVGTransformable"></a>
+ <a id="InterfaceSVGTransformable"/>
<h3>Interface <span
class="DOMInterfaceName">SVGTransformable</span></h3>
<p>Interface <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGTests" name="InterfaceSVGTests"></a>
+ <a id="InterfaceSVGTests"/>
<h3>Interface <span
class="DOMInterfaceName">SVGTests</span></h3>
<p>Interface <span class="DOMInterfaceName">SVGTests</span>
</dd>
</dl>
<br />
- <a id="InterfaceSVGLangSpace"
- name="InterfaceSVGLangSpace"></a>
+ <a id="InterfaceSVGLangSpace"/>
<h3>Interface <span
class="DOMInterfaceName">SVGLangSpace</span></h3>
<p>Interface <span class="DOMInterfaceName">SVGLangSpace</span>
</dd>
</dl>
<br />
- <a id="InterfaceSVGExternalResourcesRequired"
- name="InterfaceSVGExternalResourcesRequired"></a>
+ <a id="InterfaceSVGExternalResourcesRequired"/>
<h3>Interface <span
class="DOMInterfaceName">SVGExternalResourcesRequired</span></h3>
<p>Interface <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGFitToViewBox"
- name="InterfaceSVGFitToViewBox"></a>
+ <a id="InterfaceSVGFitToViewBox"/>
<h3>Interface <span
class="DOMInterfaceName">SVGFitToViewBox</span></h3>
<p>Interface <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGZoomAndPan"
- name="InterfaceSVGZoomAndPan"></a>
+ <a id="InterfaceSVGZoomAndPan"/>
<h3>Interface <span
class="DOMInterfaceName">SVGZoomAndPan</span></h3>
The <span class="DOMInterfaceName">SVGZoomAndPan</span>
</dd>
</dl>
<br />
- <a id="InterfaceSVGViewSpec" name="InterfaceSVGViewSpec"></a>
+ <a id="InterfaceSVGViewSpec"/>
<h3>Interface <span
class="DOMInterfaceName">SVGViewSpec</span></h3>
<p>The interface corresponds to an SVG View Specification.</p>
</dd>
</dl>
<br />
- <a id="InterfaceSVGURIReference"
- name="InterfaceSVGURIReference"></a>
+ <a id="InterfaceSVGURIReference"/>
<h3>Interface <span
class="DOMInterfaceName">SVGURIReference</span></h3>
<p>Interface <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGCSSRule" name="InterfaceSVGCSSRule"></a>
+ <a id="InterfaceSVGCSSRule"/>
<h3>Interface <span
class="DOMInterfaceName">SVGCSSRule</span></h3>
<p>SVG extends interface <span
</dd>
</dl>
<br />
- <a id="InterfaceSVGRenderingIntent"
- name="InterfaceSVGRenderingIntent"></a>
+ <a id="InterfaceSVGRenderingIntent"/>
<h3>Interface <span
class="DOMInterfaceName">SVGRenderingIntent</span></h3>
<p>The <span class="DOMInterfaceName">SVGRenderingIntent</span>