- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Mon, 28 Apr 2014 22:15:50 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/33dcba7ebbde
branches:
changeset: 668:33dcba7ebbde
user: Nikos Andronikos <nikos.andronikos@cisra.canon.com.au>
date: Tue Apr 29 09:25:01 2014 +1000
description:
Define path/polygon/polyline with no data set (empty or zero valid commands) to not render.
Define bounding box for element with no position to be at (0,0).
ACTION-3599
details: https://svgwg.org/hg/svg2/rev/98f1838134cd
branches:
changeset: 669:98f1838134cd
user: Nikos Andronikos <nikos.andronikos@cisra.canon.com.au>
date: Tue Apr 29 09:58:12 2014 +1000
description:
Merge 668 and 650
details: https://svgwg.org/hg/svg2/rev/59a713c832ca
branches:
changeset: 670:59a713c832ca
user: Nikos Andronikos <nikos.andronikos@cisra.canon.com.au>
date: Tue Apr 29 06:12:45 2014 +0100
description:
Fix warning on 'd' attribute.
diffstat:
Makefile | 4 +-
index.html | 18 +
master/animate.html | 6 +-
master/changes.html | 22 +
master/coords.html | 49 +-
master/definitions.xml | 201 +-
master/embedded.html | 2 +-
master/extend.html | 21 +-
master/feature.html | 14 -
master/fonts.html | 1665 -------------
master/idlindex.html | 10 -
master/images/coords/Nested.svg | 2 +-
master/images/coords/NewCoordSys.svg | 2 +-
master/images/coords/OrigCoordSys.svg | 2 +-
master/images/coords/PreserveAspectRatio.svg | 2 +-
master/images/coords/RotateScale.svg | 2 +-
master/images/coords/Skew.svg | 2 +-
master/images/coords/Units.svg | 2 +-
master/images/coords/ViewBox-Width150.svg | 2 +-
master/images/coords/ViewBox.svg | 2 +-
master/images/coords/geocoord1.svg | 2 +-
master/images/coords/geocoord2.svg | 2 +-
master/images/coords/geocoord3.svg | 2 +-
master/images/painting/non-scaling-stroke.svg | 2 +-
master/images/pservers/gradient_vector_and_normal_alt.svg | 1 -
master/images/pservers/radgrad01.svg | 1 -
master/images/struct/Use04.svg | 2 +-
master/images/styling/ExternalCSSStyleSheet.svg | 2 +-
master/images/styling/InternalCSSStyleSheet.svg | 2 +-
master/images/styling/PresentationAttributes.svg | 2 +-
master/images/styling/StyleAttribute.svg | 2 +-
master/linking.html | 2 +-
master/masking.html | 33 +-
master/metadata.html | 2 +-
master/painting.html | 4 +-
master/paths.html | 10 +-
master/publish.xml | 1 -
master/script.html | 2 +-
master/shapes.html | 9 +
master/struct.html | 92 +-
master/styling.html | 115 +-
master/text.html | 132 +-
specs/integration/master/Overview.html | 751 +++--
specs/integration/master/definitions.xml | 6 +-
specs/integration/master/publish.xml | 19 +-
specs/integration/master/style/default_no_issues.css | 2 +-
specs/integration/master/style/default_no_maturity.css | 23 +
specs/integration/master/style/default_svg.css | 121 +
48 files changed, 969 insertions(+), 2405 deletions(-)
diffs (5763 lines):
diff --git a/Makefile b/Makefile
--- a/Makefile
+++ b/Makefile
@@ -1,17 +1,17 @@
-# Makefile for SVG 1.1 Second Edition.
+# Makefile for SVG 2.
all-with-tools-check : tools-check all
all-specs : all
@for spec in specs/*; do [ -f $$spec/Makefile ] && make -C $$spec/ all; done
tools-check :
- @bash -c "REMOTE_REV=$$(hg id -i http://svgwg.org/hg/svg2-tools); [ \$$? = 0 -o \"\$$REMOTE_REV\" != \"\" ] || exit 0; LOCAL_REV=$$(hg id -i ../svg2-tools); [ \"\$$LOCAL_REV\" = \"\$$REMOTE_REV\" -o \"\$$LOCAL_REV\" = \"\$$REMOTE_REV\"+ ] || (echo \"You must update your svg2-tools repository! (Remote repository has revision \$$REMOTE_REV, but you are at \$$LOCAL_REV.)\"; exit 1)"
+ @bash -c "REMOTE_REV=$$(hg id -i http://svgwg.org/hg/svg2-tools 2>/dev/null); [ \$$? = 0 -a \"\$$REMOTE_REV\" != \"\" ] || exit 0; LOCAL_REV=$$(hg id -i ../svg2-tools); [ \"\$$LOCAL_REV\" = \"\$$REMOTE_REV\" -o \"\$$LOCAL_REV\" = \"\$$REMOTE_REV\"+ ] || (echo \"You must update your svg2-tools repository! (Remote repository has revision \$$REMOTE_REV, but you are at \$$LOCAL_REV.)\"; exit 1)"
all :
@../svg2-tools/build.py
pdf : all
prince --no-author-style -s build/publish/style/svg-style.css -s http://www.w3.org/StyleSheets/TR/W3C-REC -s build/publish/style/svg-style-print.css build/publish/single-page.html -o build/publish/single-page.pdf
ZIPDIR=REC-SVG11-20110802
diff --git a/index.html b/index.html
new file mode 100644
--- /dev/null
+++ b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset=UTF-8>
+<title>SVG Working Group document repository</title>
+<style>
+body { font: 16px Lucida Grande, sans-serif; max-width: 50em; margin: 4em auto; line-height: 1.4; color: #222; }
+h1 { font-size: 24px; color: #444; }
+li { margin-top: 1em; }
+</style>
+<h1>SVG Working Group document repository</h1>
+<p>This site hosts a number of documents produced by the SVG Working Group:</p>
+<ul>
+ <li><a href="/svg2-draft/">SVG 2 Editor's Draft</a> · <a href="https://svgwg.org/hg/svg2/file/tip/master/">source</a></li>
+ <li><a href="/specs/animation-elements/">Animation Elements Editor's Draft</a> · <a href="https://svgwg.org/hg/svg2/file/tip/specs/animation-elements/">source</a></li>
+ <li><a href="/specs/integration/">SVG Integration Editor's Draft</a> · <a href="https://svgwg.org/hg/svg2/file/tip/specs/integration/">source</a></li>
+ <li><a href="/specs/streaming/">SVG Streaming Editor's Draft</a> · <a href="https://svgwg.org/hg/svg2/file/tip/specs/streaming/">source</a></li>
+</ul>
+
+<p>For more information see the wiki pages for the <a href="http://www.w3.org/Graphics/SVG/WG/">SVG Working Group</a> and <a href="http://www.w3.org/Graphics/fx/wiki/Main_Page">FX Taskforce</a>.
diff --git a/master/animate.html b/master/animate.html
--- a/master/animate.html
+++ b/master/animate.html
@@ -236,17 +236,17 @@ processing</a>).</p>
<div class="example">
<p id="ExampleAnim01"><span class="example-ref">Example anim01</span> below
demonstrates each of SVG's five animation elements.</p>
<pre><![CDATA[
<?xml version="1.0" standalone="no"?>
<svg width="8cm" height="3cm" viewBox="0 0 800 300"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<desc>Example anim01 - demonstrate animation elements</desc>
<rect x="1" y="1" width="798" height="298"
fill="none" stroke="blue" stroke-width="2" />
<!-- The following illustrates the use of the 'animate' element
to animate a rectangles x, y, and width attributes so that
the rectangle grows to ultimately fill the viewport. -->
<rect id="RectElement" x="300" y="100" width="300" height="100"
fill="rgb(255,255,0)" >
@@ -2103,17 +2103,17 @@ In particular, see <a href="http://www.w
transformation matrices that are computed during a motion path
animation.</p>
<p id="ExampleAnimMotion01"><span class="example-ref">Example animMotion01</span> shows
a triangle moving along a motion path.</p>
<pre><![CDATA[
<?xml version="1.0" standalone="no"?>
<svg width="5cm" height="3cm" viewBox="0 0 500 300"
- xmlns="http://www.w3.org/2000/svg" version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" >
<desc>Example animMotion01 - demonstrate motion animation computations</desc>
<rect x="1" y="1" width="498" height="298"
fill="none" stroke="blue" stroke-width="2" />
<!-- Draw the outline of the motion path in blue, along
with three small circles at the start, middle and end. -->
<path id="path1" d="M100,250 C 100,50 400,50 400,250"
fill="none" stroke="blue" stroke-width="7.06" />
@@ -2630,17 +2630,17 @@ the given attribute or property is defin
<div class="example">
<p><span class="example-ref">Example dom01</span> shows a simple animation
using the DOM.</p>
<pre><![CDATA[
<?xml version="1.0" standalone="no"?>
<svg width="4cm" height="2cm" viewBox="0 0 400 200"
xmlns="http://www.w3.org/2000/svg"
- onload="StartAnimation(evt)" version="1.1">
+ onload="StartAnimation(evt)">
<script type="application/ecmascript">]]><![CDATA[<![CDATA[
var timevalue = 0;
var timer_increment = 50;
var max_time = 5000;
var text_element;
function StartAnimation(evt) {
text_element = evt.target.ownerDocument.getElementById("TextElement");
ShowAndGrowElement();
diff --git a/master/changes.html b/master/changes.html
--- a/master/changes.html
+++ b/master/changes.html
@@ -121,16 +121,22 @@ have been made.</p>
<li>Moved the <a>'image'</a> element to the <a href='embedded.html'>Embedded Content chapter</a>.</li>
<li>Removed the <code>SVGElementInstance</code> and <code>SVGElementInstanceList</code> interfaces, and the corresponding attributes on the <a>SVGUseElement</a> interface.</li>
<li>Changed the <a>'use'</a> element event flow to follow the Shadow DOM spec.</li>
<li>Clarified that the <a>'switch'</a> element does not affect processing of <a>'script'</a> elements.</li>
+
+ <li>Made the <a>'svg/width'</a> and <a>'svg/height'</a> attributes on the <a>'svg'</a> element presentation attributes, and changed the lacuna value to
+ <span class="attr-value">auto</span>.
+ </li>
+
+ <li>Removed the <span class="attr-name">baseProfile</span> and <span class="attr-name">version</span> attributes from the <a>'svg'</a> element.</li>
</ul>
<h3 id="styling">Styling chapter</h3>
<ul>
<li>Removed the <span class="attr-name">'contentStyleType'</span> attribute.</li>
</ul>
@@ -252,16 +258,17 @@ have been made.</p>
<ul>
<li>SVG now references CSS Masking [<a href="refs.html#ref-CSS-MASKING">CSS-MASKING</a>] specification.
<ul>
<li>Removed definition of clipping/masking properties and elements.</li>
<li>Keep short introduction to clipping/masking and add reference to CSS Masking</li>
</ul>
</li>
<li>Added reference to Compositing and Blending spec. Simple alpha compositing it mandatory.</li>
+ <li>The <a>'overflow'</a> property should be respected on the outermost svg elements inline in html.</li>
</ul>
<h3 id="filters">Filter Effects chapter</h3>
<ul>
<li>Removed the body of this chapter and replaced it with a link to the
Filter Effect specification.</li>
</ul>
@@ -303,22 +310,37 @@ have been made.</p>
<li>Removed the <span class="element-name">animateColor</span> element.</li>
<li>Added the onbegin, onend and onrepeat attributes to the <a>SVGAnimationElement</a> interface.</li>
</ul>
<h3 id="fonts">Fonts chapter</h3>
<ul>
<li>Added WOFF requirement, rearranged content.</li>
+
+ <li class='added-since-last-wd'>Removed this chapter and the SVG Fonts
+ feature is contained, including the
+ <span class='element-name'>'font'</span>,
+ <span class='element-name'>'glyph'</span>,
+ <span class='element-name'>'missing-glyph'</span>,
+ <span class='element-name'>'hkern'</span>,
+ <span class='element-name'>'vkern'</span>,
+ <span class='element-name'>'font-face'</span>,
+ <span class='element-name'>'font-face-src'</span>,
+ <span class='element-name'>'font-face-uri'</span>,
+ <span class='element-name'>'font-face-format'</span> and
+ <span class='element-name'>'font-face-name'</span> elements
+ and their corresponding IDL interfaces.</li>
</ul>
<h3 id="extend">Extensibility chapter</h3>
<ul>
<li>Made <a>'foreignObject'</a> a <a>graphics element</a>.</li>
+ <li>Made <a>'foreignObject/width'</a> and <a>'foreignObject/height'</a> presentation attributes on the <a>'foreignObject'</a> element.</li>
</ul>
<h3 id="svgdtd">Document Type Definition appendix</h3>
<ul>
<li>Removed this appendix, as SVG 2 is not defined in terms of a DTD.</li>
</ul>
diff --git a/master/coords.html b/master/coords.html
--- a/master/coords.html
+++ b/master/coords.html
@@ -176,17 +176,17 @@ the <span class="attr-value">width="100p
determine the size of the initial viewport:</p>
<pre>
<?xml version="1.0" standalone="yes"?>
<parent xmlns="http://some.url">
<!-- SVG graphic -->
<svg xmlns='http://www.w3.org/2000/svg'
- width="100px" height="200px" version="1.1">
+ width="100px" height="200px">
<path d="M100,100 Q200,400,300,100"/>
<!-- rest of SVG graphic would go here -->
</svg>
</parent>
</pre>
</div>
@@ -412,17 +412,17 @@ value of zero disables rendering of the
<p id="ExampleViewBox"><span class="example-ref">Example ViewBox</span> illustrates
the use of the <a>'viewBox'</a> attribute
on the <a>outermost svg element</a> to specify that
the SVG content should stretch to fit bounds of the
viewport.</p>
<pre>
<?xml version="1.0" standalone="no"?>
-<svg width="300px" height="200px" version="1.1"
+<svg width="300px" height="200px"
viewBox="0 0 1500 1000" preserveAspectRatio="none"
xmlns="http://www.w3.org/2000/svg">
<desc>Example ViewBox - uses the viewBox
attribute to automatically create an initial user coordinate
system which causes the graphic to scale to fit into the
viewport no matter what size the viewport is.</desc>
<!-- This rectangle goes from (0,0) to (1500,1000) in user space.
Because of the viewBox attribute above,
@@ -477,34 +477,34 @@ rectangle in user space to the bounds of
the left, with viewport dimensions of 300 by 200 pixels, the
user agent needs to automatically insert a transformation which
scales both X and Y by 0.2. The effect is equivalent to having
a viewport of size 300px by 200px and the following
supplemental transformation in the document, as follows:</p>
<pre>
<?xml version="1.0" standalone="no"?>
-<svg width="300px" height="200px" version="1.1"
+<svg width="300px" height="200px"
xmlns="http://www.w3.org/2000/svg">
<strong><g transform="scale(0.2)"></strong>
<!-- Rest of document goes here -->
<strong></g></strong>
</svg>
</pre>
<p>To achieve the effect of the example on the right, with
viewport dimensions of 150 by 200 pixels, the user agent needs
to automatically insert a transformation which scales X by 0.1
and Y by 0.2. The effect is equivalent to having a viewport of
size 150px by 200px and the following supplemental
transformation in the document, as follows:</p>
<pre>
<?xml version="1.0" standalone="no"?>
-<svg width="150px" height="200px" version="1.1"
+<svg width="150px" height="200px"
xmlns="http://www.w3.org/2000/svg">
<strong><g transform="scale(0.1 0.2)"></strong>
<!-- Rest of document goes here -->
<strong></g></strong>
</svg>
</pre>
<p>(Note: in some cases the user agent will need to supply a
@@ -803,17 +803,17 @@ in the new viewport coordinate system an
coordinate system are the same size as a single unit in the
current user coordinate system for the element establishing the
viewport.</p>
<p>Here is an example:</p>
<pre>
<?xml version="1.0" standalone="no"?>
-<svg width="4in" height="3in" version="1.1"
+<svg width="4in" height="3in"
xmlns="http://www.w3.org/2000/svg">
<desc>This SVG drawing embeds another one,
thus establishing a new viewport
</desc>
<!-- The following statement establishing a new viewport
and renders SVG drawing B into that viewport -->
<svg x="25%" y="25%" width="50%" height="50%">
<!-- drawing B goes here -->
@@ -1140,24 +1140,31 @@ attribute has been specified on the <a>'
element's <a>content area</a> is its bounding box.</p>
<p>Because declarative or scripted animation can change the shape, size, and
position of an element, the bounding box is mutable. Thus, the bounding box
for an element shall reflect the current values for the element at the snapshot
in time at which the bounding box is requested, whether through a script call
or as part of a declarative or linking syntax.</p>
-<p>Note that an element which has zero width, zero height, or both (such as a
+<p>An element which has zero width, zero height, or both (such as a
vertical or horizontal line, or a <a>'rect'</a> element with an unspecified
<a>'rect/width'</a> or <a>'rect/height'</a>) still has a bounding box, with a
positive value for the positive dimension, or with <span class='attr-value'>'0'</span>
for both the width and height if no positive dimension is specified. Similarly,
subpaths segments of a <a>'path'</a> element with zero width and height must be
-included in that element's geometry for the sake of the bounding box. Note also
-that elements whose DOM object does not derive from <a>SVGGraphicsElement</a>
+included in that element's geometry for the sake of the bounding box.</p>
+
+<edit:with element='path'>
+<p class="ready-for-wg-review">An element with no position specified (such as a
+<a>'path'</a> element with a value of (none) for the <a>'d'</a> attribute) is positioned at the
+point (0,0) for the purposes of calculating a bounding box.</p>
+</edit:with>
+
+<p>Note that elements whose DOM object does not derive from <a>SVGGraphicsElement</a>
(such as gradient elements) do not have a bounding box, and thus have no
interface to request a bounding box.</p>
<p>Elements in the rendering tree which reference unresolved resources shall
still have a bounding box, defined by the position and dimensions specified in
their attributes, or by the <a>lacuna value</a> for those attributes if no
values are supplied. For example, the element <code><use xlink:href="#bad" x="10" y="10"/></code>
would have a bounding box with an x and y of 10 and a width and height of 0.</p>
@@ -1459,25 +1466,21 @@ the applicable element has no width or h
class="attr-value">objectBoundingBox</span> is specified, then
the given effect (e.g., a gradient or a filter) will be
ignored.</p>
<h2 id="IntrinsicSizing">Intrinsic sizing properties of the viewport of SVG content</h2>
<p>SVG needs to specify how to calculate some intrinsic sizing properties to
enable inclusion within other languages. The intrinsic width and height
-of the <a>viewport</a> of SVG content must be determined from the <a>'svg/width'</a>
-and <a>'svg/height'</a> attributes. If either of these are not specified, a
-value of <span class="attr-value">'100%'</span> must be assumed.
-<em>Note:</em> the <a>'svg/width'</a> and <a>'svg/height'</a>
-attributes are <em>not the same</em> as the CSS width and height properties.
-Specifically, percentage values <em>do not provide an intrinsic width or height,
-and do not indicate a percentage of the containing block</em>. Rather, once the
-viewport is established, they indicate the portion of the viewport that is
-actually covered by image data.</p>
+of the <a>viewport</a> of SVG content must be determined from the <a>'width property'</a>
+and <a>'height property'</a> presentation attributes. If either of these are not specified, a
+value of <span class="attr-value">'auto'</span> must be assumed.
+Specifically, percentage values <em>do not provide an intrinsic width or height.</em>.
+</p>
<p>The intrinsic aspect ratio of the <a>viewport</a> of SVG content is necessary
for example, when including SVG from an <span class="element-name">'object'</span> element in HTML styled with
CSS. It is possible (indeed, common) for an SVG graphic to have an intrinsic aspect ratio but not to have an intrinsic width or height.
The intrinsic aspect ratio must be calculated based upon the
following rules:</p>
<ul>
@@ -1498,74 +1501,76 @@ following rules:</p>
<p>Examples:</p>
<div class="example">
<div class="exampleheader">
<strong>Example:</strong> Intrinsic Aspect Ratio 1
</div>
<div class="examplesource">
-<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
+<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg"
width="10cm" height="5cm">
...
</svg>]]></pre>
</div>
</div>
<p>In this example the intrinsic aspect ratio of the <a>viewport</a> is 2:1. The
intrinsic width is 10cm and the intrinsic height is 5cm.</p>
<div class="example">
<div class="exampleheader">
<strong>Example:</strong> Intrinsic Aspect Ratio 2
</div>
<div class="examplesource">
-<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
+<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg"
width="100%" height="50%" viewBox="0 0 200 200">
...
</svg>]]></pre>
</div>
</div>
<p>In this example the intrinsic aspect ratio of the rootmost <a>viewport</a> is
1:1. An aspect ratio calculation in this case allows embedding in an
object within a containing block that is only constrained in one direction.</p>
<div class="example">
<div class="exampleheader">
<strong>Example:</strong> Intrinsic Aspect Ratio 3
</div>
<div class="examplesource">
-<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
+<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg"
width="10cm" viewBox="0 0 200 200">
...
</svg>]]></pre>
</div>
</div>
<p>In this case the intrinsic aspect ratio is 1:1.</p>
<div class="example">
<div class="exampleheader">
<strong>Example:</strong> Intrinsic Aspect Ratio 4
</div>
<div class="examplesource">
-<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
+<pre><![CDATA[<svg xmlns="http://www.w3.org/2000/svg"
width="75%" height="10cm" viewBox="0 0 200 200">
...
</svg>]]></pre>
</div>
</div>
<p>In this example, the intrinsic aspect ratio is 1:1.</p>
-
+<p class="issue">Add more examples for the new auto value? E.g some of the
+<a href="https://docs.google.com/presentation/d/1POUiroOBbLmXYlQKf0pIR8zVkHWH9jRVN-w8A4aNsIk/">examples</a>
+provided by David Vest.</p>
<h2 id="GeographicCoordinates">Geographic coordinate systems</h2>
<p>In order to allow interoperability between SVG content generators
and user agents dealing with maps encoded in SVG, the use of a common
metadata definition for describing the coordinate system used to
generate SVG documents is encouraged.</p>
diff --git a/master/definitions.xml b/master/definitions.xml
--- a/master/definitions.xml
+++ b/master/definitions.xml
@@ -9,17 +9,17 @@
then a stand-alone <attribute> entry must be added in the next
section.
-->
<element
name='a'
href='linking.html#AElement'
contentmodel='textoranyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink'
interfaces='SVGAElement'>
<attribute name='xlink:href' href='linking.html#AElementXLinkHrefAttribute' animatable='yes'/>
<attribute name='xlink:show' href='linking.html#XLinkShowAttribute'/>
<attribute name='xlink:actuate' href='linking.html#AElementXLinkActuateAttribute'/>
<attribute name='target' href='linking.html#AElementTargetAttribute' animatable='yes'/>
</element>
@@ -157,17 +157,17 @@
<attribute name='xlink:href' href='interact.html#CursorElementHrefAttribute' animatable='yes'/>
</element>
<element
name='defs'
href='struct.html#DefsElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='core, graphical event, presentation, style'
interfaces='SVGDefsElement'/>
<element
name='desc'
href='struct.html#DescElement'
contentmodel='any'
attributecategories='core, style'
attributes='lang'
@@ -193,164 +193,50 @@
interfaces='SVGEllipseElement'>
<attribute name='cx' href='shapes.html#EllipseElementCXAttribute' animatable='yes'/>
<attribute name='cy' href='shapes.html#EllipseElementCYAttribute' animatable='yes'/>
<attribute name='rx' href='shapes.html#EllipseElementRXAttribute' animatable='yes'/>
<attribute name='ry' href='shapes.html#EllipseElementRYAttribute' animatable='yes'/>
</element>
<element
- name='font'
- href='fonts.html#FontElement'
- contentmodel='anyof'
- elementcategories='descriptive, paint server'
- elements='clipPath, font-face, glyph, hkern, mask, marker, missing-glyph, script, vkern'
- attributecategories='core, style, presentation'
- interfaces='SVGFontElement'>
- <attribute name='horiz-origin-x' href='fonts.html#FontElementHorizOriginXAttribute'/>
- <attribute name='horiz-origin-y' href='fonts.html#FontElementHorizOriginYAttribute'/>
- <attribute name='horiz-adv-x' href='fonts.html#FontElementHorizAdvXAttribute'/>
- <attribute name='vert-origin-x' href='fonts.html#FontElementVertOriginXAttribute'/>
- <attribute name='vert-origin-y' href='fonts.html#FontElementVertOriginYAttribute'/>
- <attribute name='vert-adv-y' href='fonts.html#FontElementVertAdvYAttribute'/>
- </element>
-
- <element
- name='font-face'
- href='fonts.html#FontFaceElement'
- contentmodel='anyof'
- elements='script'
- attributecategories='core'
- interfaces='SVGFontFaceElement'>
- <x:contentmodel xmlns='http://www.w3.org/1999/xhtml'>Any number of <a>descriptive elements</a>, <a>'script'</a> and at most one <a>'font-face-src'</a> element, in any order.</x:contentmodel>
- <attribute name='font-family' href='fonts.html#FontFaceElementFontFamilyAttribute'/>
- <attribute name='font-style' href='fonts.html#FontFaceElementFontStyleAttribute'/>
- <attribute name='font-variant' href='fonts.html#FontFaceElementFontVariantAttribute'/>
- <attribute name='font-weight' href='fonts.html#FontFaceElementFontWeightAttribute'/>
- <attribute name='font-stretch' href='fonts.html#FontFaceElementFontStretchAttribute'/>
- <attribute name='font-size' href='fonts.html#FontFaceElementFontSizeAttribute'/>
- <attribute name='unicode-range' href='fonts.html#FontFaceElementUnicodeRangeAttribute'/>
- <attribute name='units-per-em' href='fonts.html#FontFaceElementUnitsPerEmAttribute'/>
- <attribute name='panose-1' href='fonts.html#FontFaceElementPanose1Attribute'/>
- <attribute name='stemv' href='fonts.html#FontFaceElementStemvAttribute'/>
- <attribute name='stemh' href='fonts.html#FontFaceElementStemhAttribute'/>
- <attribute name='slope' href='fonts.html#FontFaceElementSlopeAttribute'/>
- <attribute name='cap-height' href='fonts.html#FontFaceElementCapHeightAttribute'/>
- <attribute name='x-height' href='fonts.html#FontFaceElementXHeightAttribute'/>
- <attribute name='accent-height' href='fonts.html#FontFaceElementAccentHeightAttribute'/>
- <attribute name='ascent' href='fonts.html#FontFaceElementAscentAttribute'/>
- <attribute name='descent' href='fonts.html#FontFaceElementDescentAttribute'/>
- <attribute name='widths' href='fonts.html#FontFaceElementWidthsAttribute'/>
- <attribute name='bbox' href='fonts.html#FontFaceElementBboxAttribute'/>
- <attribute name='ideographic' href='fonts.html#FontFaceElementIdeographicAttribute'/>
- <attribute name='alphabetic' href='fonts.html#FontFaceElementAlphabeticAttribute'/>
- <attribute name='mathematical' href='fonts.html#FontFaceElementMathematicalAttribute'/>
- <attribute name='hanging' href='fonts.html#FontFaceElementHangingAttribute'/>
- <attribute name='v-ideographic' href='fonts.html#FontFaceElementVertIdeographicAttribute'/>
- <attribute name='v-alphabetic' href='fonts.html#FontFaceElementVertAlphabeticAttribute'/>
- <attribute name='v-mathematical' href='fonts.html#FontFaceElementVertMathematicalAttribute'/>
- <attribute name='v-hanging' href='fonts.html#FontFaceElementVertHangingAttribute'/>
- <attribute name='underline-position' href='fonts.html#FontFaceElementUnderlinePositionAttribute'/>
- <attribute name='underline-thickness' href='fonts.html#FontFaceElementUnderlineThicknessAttribute'/>
- <attribute name='strikethrough-position' href='fonts.html#FontFaceElementStrikeThroughPositionAttribute'/>
- <attribute name='strikethrough-thickness' href='fonts.html#FontFaceElementStrikeThroughThicknessAttribute'/>
- <attribute name='overline-position' href='fonts.html#FontFaceElementOverlinePositionAttribute'/>
- <attribute name='overline-thickness' href='fonts.html#FontFaceElementOverlineThicknessAttribute'/>
- </element>
-
- <element
- name='font-face-format'
- href='fonts.html#FontFaceFormatElement'
- contentmodel='anyof'
- elements='script'
- attributecategories='core'
- interfaces='SVGFontFaceFormatElement'>
- <attribute name='string' href='fonts.html#FontFaceFormatElementStringAttribute'/>
- </element>
-
- <element
- name='font-face-name'
- href='fonts.html#FontFaceNameElement'
- contentmodel='anyof'
- elements='script'
- attributecategories='core'
- interfaces='SVGFontFaceNameElement'>
- <attribute name='name' href='fonts.html#FontFaceNameElementNameAttribute'/>
- </element>
-
- <element
- name='font-face-src'
- href='fonts.html#FontFaceSrcElement'
- contentmodel='oneormoreof'
- elements='font-face-uri, font-face-name, script'
- attributecategories='core'
- interfaces='SVGFontFaceSrcElement'/>
-
- <element
- name='font-face-uri'
- href='fonts.html#FontFaceURIElement'
- contentmodel='anyof'
- elements='font-face-format, script'
- attributecategories='core, xlink'
- interfaces='SVGFontFaceUriElement'>
- <attribute name='xlink:href' href='fonts.html#FontFaceUriElementHrefAttribute'/>
- </element>
-
- <element
name='foreignObject'
href='extend.html#ForeignObjectElement'
contentmodel='any'
attributecategories='aria, navigation, core, conditional processing, graphical event, presentation, style'
interfaces='SVGForeignObjectElement'>
<attribute name='x' href='extend.html#ForeignObjectElementXAttribute' animatable='yes'/>
<attribute name='y' href='extend.html#ForeignObjectElementYAttribute' animatable='yes'/>
- <attribute name='width' href='extend.html#ForeignObjectElementWidthAttribute' animatable='yes'/>
- <attribute name='height' href='extend.html#ForeignObjectElementHeightAttribute' animatable='yes'/>
+ <attribute name='width' href='extend.html#ForeignObjectElementWidthAttribute' animatable='yes' presentation='yes'/>
+ <attribute name='height' href='extend.html#ForeignObjectElementHeightAttribute' animatable='yes' presentation='yes'/>
</element>
<element
name='g'
href='struct.html#GElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, altGlyphDef, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, text, view'
+ elements='a, altGlyphDef, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, text, view'
attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
interfaces='SVGGElement'/>
<element
- name='glyph'
- href='fonts.html#GlyphElement'
- contentmodel='anyof'
- elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, altGlyphDef, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, text, view'
- attributecategories='core, style, presentation'
- attributes='d, horiz-adv-x, vert-origin-x, vert-origin-y, vert-adv-y'
- interfaces='SVGGlyphElement'>
- <attribute name='unicode' elements='glyph' href='fonts.html#GlyphElementUnicodeAttribute'/>
- <attribute name='glyph-name' elements='glyph' href='fonts.html#GlyphElementGlyphNameAttribute'/>
- <attribute name='orientation' elements='glyph' href='fonts.html#GlyphElementOrientationAttribute'/>
- <attribute name='arabic-form' elements='glyph' href='fonts.html#GlyphElementArabicFormAttribute'/>
- <attribute name='lang' elements='glyph' href='fonts.html#GlyphElementLangAttribute'/>
- </element>
-
- <element
name='glyphRef'
href='text.html#GlyphRefElement'
elementcategories='paint server'
contentmodel='anyof'
elements='clipPath, marker, mask, script'
- attributecategories='core, style, presentation, xlink'
+ attributecategories='core, style, presentation'
interfaces='SVGGlyphRefElement'>
<attribute name='x' href='text.html#GlyphRefElementXAttribute'/>
<attribute name='y' href='text.html#GlyphRefElementYAttribute'/>
<attribute name='dx' href='text.html#GlyphRefElementDXAttribute'/>
<attribute name='dy' href='text.html#GlyphRefElementDYAttribute'/>
<attribute name='glyphRef' href='text.html#GlyphRefElementGlyphRefAttribute'/>
<attribute name='format' href='text.html#GlyphRefElementFormatAttribute'/>
- <attribute name='xlink:href' href='text.html#GlyphRefElementHrefAttribute'/>
</element>
<element
name='hatch'
href='pservers.html#HatchElement'
contentmodel='anyof'
elementcategories='animation, descriptive'
elements='hatchPath, script'
@@ -374,25 +260,16 @@
elements='script'
attributecategories='core, presentation, style'
interfaces='SVGHatchPathElement'>
<attribute name='d' href='paths.html#DAttribute' animatable='yes'/>
<attribute name='offset' href='pservers.html#HatchPathElementOffsetAttribute' animatable='yes'/>
</element>
<element
- name='hkern'
- href='fonts.html#HKernElement'
- contentmodel='anyof'
- elements='script'
- attributecategories='core'
- attributes='u1, g1, u2, g2, k'
- interfaces='SVGHKernElement'/>
-
- <element
name='iframe'
href='embedded.html#IframeElement'
contentmodel='anyof'
elementcategories='animation, descriptive, paint server, structurally external'
elements='clipPath, marker, mask, script'
attributecategories='aria, navigation, core, conditional processing, graphical event, style, presentation, embedding placement, embedding size'
attributes='preserveAspectRatio'
interfaces='SVGIframeElement'>
@@ -452,17 +329,17 @@
<attribute name='xlink:href' href='pservers.html#LinearGradientElementHrefAttribute' animatable='yes'/>
</element>
<element
name='marker'
href='painting.html#MarkerElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='core, presentation, style'
attributes='viewBox, preserveAspectRatio'
interfaces='SVGMarkerElement'>
<attribute name='refX' href='painting.html#MarkerElementRefXAttribute' animatable='yes'/>
<attribute name='refY' href='painting.html#MarkerElementRefYAttribute' animatable='yes'/>
<attribute name='markerUnits' href='painting.html#MarkerUnitsAttribute' animatable='yes'/>
<attribute name='markerWidth' href='painting.html#MarkerWidthAttribute' animatable='yes'/>
<attribute name='markerHeight' href='painting.html#MarkerHeightAttribute' animatable='yes'/>
@@ -509,26 +386,16 @@
<element
name='metadata'
href='metadata.html#MetadataElement'
contentmodel='any'
attributecategories='core'
interfaces='SVGMetadataElement'/>
<element
- name='missing-glyph'
- href='fonts.html#MissingGlyphElement'
- contentmodel='anyof'
- elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, altGlyphDef, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, text, view'
- attributecategories='core, style, presentation'
- attributes='d, horiz-adv-x, vert-origin-x, vert-origin-y, vert-adv-y'
- interfaces='SVGMissingGlyphElement'/>
-
- <element
name='mpath'
href='animate.html#MPathElement'
contentmodel='anyof'
elementcategories='descriptive'
elements='script'
attributecategories='core, xlink'
interfaces='SVGMPathElement'>
<attribute name='xlink:href' href='animate.html#MPathElementHrefAttribute'/>
@@ -546,17 +413,17 @@
<attribute name='pathLength' href='paths.html#PathLengthAttribute' animatable='yes'/>
</element>
<element
name='pattern'
href='pservers.html#PatternElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, altGlyphDef, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, text, view'
+ elements='a, altGlyphDef, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, text, view'
attributecategories='core, presentation, style, xlink'
attributes='viewBox, preserveAspectRatio'
interfaces='SVGPatternElement'>
<attribute name='x' href='pservers.html#PatternElementXAttribute' animatable='yes'/>
<attribute name='y' href='pservers.html#PatternElementYAttribute' animatable='yes'/>
<attribute name='width' href='pservers.html#PatternElementWidthAttribute' animatable='yes'/>
<attribute name='height' href='pservers.html#PatternElementHeightAttribute' animatable='yes'/>
<attribute name='patternUnits' href='pservers.html#PatternElementPatternUnitsAttribute' animatable='yes'/>
@@ -695,26 +562,24 @@
<attribute name='title' href='styling.html#StyleElementTitleAttribute'/>
</element>
<element
name='svg'
href='struct.html#SVGElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, altGlyphDef, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, text, view'
+ elements='a, altGlyphDef, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, text, view'
attributecategories='aria, navigation, conditional processing, core, document event, graphical event, presentation, style'
attributes='viewBox, preserveAspectRatio, zoomAndPan'
interfaces='SVGSVGElement'>
<attribute name='x' href='struct.html#SVGElementXAttribute' animatable='yes'/>
<attribute name='y' href='struct.html#SVGElementYAttribute' animatable='yes'/>
- <attribute name='width' href='struct.html#SVGElementWidthAttribute' animatable='yes'/>
- <attribute name='height' href='struct.html#SVGElementHeightAttribute' animatable='yes'/>
- <attribute name='version' href='struct.html#SVGElementVersionAttribute'/>
- <attribute name='baseProfile' href='struct.html#SVGElementBaseProfileAttribute'/>
+ <attribute name='width' href='struct.html#SVGElementWidthAttribute' animatable='yes' presentation='yes'/>
+ <attribute name='height' href='struct.html#SVGElementHeightAttribute' animatable='yes' presentation='yes'/>
<attribute name='playbackOrder' href='struct.html#SVGElementPlaybackOrderAttribute' animatable='no'/>
<attribute name='timelineBegin' href='struct.html#SVGElementTimelineBeginAttribute' animatable='no'/>
</element>
<element
name='switch'
href='struct.html#SwitchElement'
contentmodel='anyof'
@@ -724,17 +589,17 @@
interfaces='SVGSwitchElement'>
</element>
<element
name='symbol'
href='struct.html#SymbolElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, altGlyphDef, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, text, view'
+ elements='a, altGlyphDef, clipPath, cursor, filter, foreignObject, image, marker, mask, script, style, switch, text, view'
attributecategories='aria, navigation, core, graphical event, presentation, style'
attributes='preserveAspectRatio, viewBox'
interfaces='SVGSymbolElement'>
</element>
<element
name='text'
href='text.html#TextElement'
@@ -862,29 +727,21 @@
contentmodel='anyof'
elementcategories='animation, descriptive'
elements='script'
attributecategories='aria, navigation, core'
attributes='viewBox, preserveAspectRatio, zoomAndPan'
interfaces='SVGViewElement'>
<attribute name='viewTarget' elements='view' href='linking.html#ViewElementViewTargetAttribute'/>
</element>
- <element
- name='vkern'
- href='fonts.html#VKernElement'
- contentmodel='anyof'
- elements='script'
- attributecategories='core'
- attributes='u1, g1, u2, g2, k'
- interfaces='SVGVKernElement'/>
<!-- ... element categories ............................................ -->
<elementcategory name='animation' href='intro.html#TermAnimationElement' elements='animate, animateMotion, animateTransform, discard, set'/>
- <elementcategory name='container' href='intro.html#TermContainerElement' elements='svg, g, defs, symbol, mask, pattern, marker, a, switch, glyph, missing-glyph'/>
+ <elementcategory name='container' href='intro.html#TermContainerElement' elements='svg, g, defs, symbol, mask, pattern, marker, a, switch'/>
<elementcategory name='descriptive' href='intro.html#TermDescriptiveElement' elements='desc, title, metadata'/>
<elementcategory name='gradient' href='intro.html#TermGradientElement' elements='linearGradient, radialGradient, meshGradient'/>
<elementcategory name='graphics' href='intro.html#TermGraphicsElement' elements='path, text, rect, circle, ellipse, line, polyline, polygon, image, use, foreignObject, iframe, video, audio, canvas'/>
<elementcategory name='graphics referencing' href='intro.html#TermGraphicsReferencingElement' elements='use, image, iframe, video, audio'/>
<elementcategory name='light source' href='intro.html#TermLightSourceElement' elements='feDistantLight, fePointLight, feSpotLight'/>
<elementcategory name='markable' href='intro.html#TermMarkableElement' elements='path, line, polyline, polygon'/>
<elementcategory name='paint server' href='intro.html#TermPaintServerElement' elements='solidColor, linearGradient, radialGradient, meshGradient, pattern, hatch'/>
<elementcategory name='shape' href='intro.html#TermShapeElement' elements='circle, ellipse, line, path, polygon, polyline, rect'/>
@@ -897,47 +754,33 @@
<!-- Note: An <attribute> defined here applies only to the listed
elements if a list is given in 'elements', otherwise, it
applies to all <element>s that include the attribute name in
their 'attribute' attribute.
-->
<!-- attributes common to both desc and title -->
- <attribute name='lang' elements='desc, title' href='fonts.html#GlyphElementLangAttribute'/>
-
- <!-- attributes common to both glyph and missing-glyph -->
- <attribute name='d' elements='glyph, missing-glyph' href='fonts.html#GlyphElementDAttribute'/>
- <attribute name='horiz-adv-x' elements='glyph, missing-glyph' href='fonts.html#GlyphElementHorizAdvXAttribute'/>
- <attribute name='vert-origin-x' elements='glyph, missing-glyph' href='fonts.html#GlyphElementVertOriginXAttribute'/>
- <attribute name='vert-origin-y' elements='glyph, missing-glyph' href='fonts.html#GlyphElementVertOriginYAttribute'/>
- <attribute name='vert-adv-y' elements='glyph, missing-glyph' href='fonts.html#GlyphElementVertAdvYAttribute'/>
-
- <!-- attributes common to hkern and vkern -->
- <attribute name='u1' elements='hkern, vkern' href='fonts.html#HKernElementU1Attribute'/>
- <attribute name='g1' elements='hkern, vkern' href='fonts.html#HKernElementG1Attribute'/>
- <attribute name='u2' elements='hkern, vkern' href='fonts.html#HKernElementU2Attribute'/>
- <attribute name='g2' elements='hkern, vkern' href='fonts.html#HKernElementG2Attribute'/>
- <attribute name='k' elements='hkern, vkern' href='fonts.html#HKernElementKAttribute'/>
+ <attribute name='lang' elements='desc, title' href='struct.html#LangAttribute'/>
<!-- attributes common to text elements -->
<attribute name='x' elements='tref, tspan' href='text.html#TSpanElementXAttribute' animatable='yes'/>
<attribute name='y' elements='tref, tspan' href='text.html#TSpanElementYAttribute' animatable='yes'/>
<attribute name='dx' elements='tref, tspan' href='text.html#TSpanElementDXAttribute' animatable='yes'/>
<attribute name='dy' elements='tref, tspan' href='text.html#TSpanElementDYAttribute' animatable='yes'/>
<attribute name='rotate' elements='tref, tspan' href='text.html#TSpanElementRotateAttribute' animatable='yes'/>
<attribute name='textLength' elements='textPath, tref, tspan' href='text.html#TSpanElementTextLengthAttribute' animatable='yes'/>
<attribute name='lengthAdjust' elements='text, textPath, tref, tspan' href='text.html#TextElementLengthAdjustAttribute' animatable='yes'/>
<!-- attribute common to text content block elements -->
<!-- <attribute name='width' elements='text' href='text.html#TextElementWidthAttribute' animatable='yes'/> -->
<!-- xlink:show and xlink:actuate for all elements supporting the XLink attributes, except a -->
- <attribute name='xlink:show' elements='animate, set, animateMotion, mpath, animateTransform, filter, feImage, font-face-uri, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkShowAttribute'/>
- <attribute name='xlink:actuate' elements='animate, set, animateMotion, mpath, animateTransform, filter, feImage, font-face-uri, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkActuateAttribute'/>
+ <attribute name='xlink:show' elements='animate, set, animateMotion, mpath, animateTransform, filter, feImage, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkShowAttribute'/>
+ <attribute name='xlink:actuate' elements='animate, set, animateMotion, mpath, animateTransform, filter, feImage, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkActuateAttribute'/>
<!-- attribute common to all animation elements -->
<attribute name='xlink:href' elements='animate, animateMotion, animateTransform, set' href='animate.html#HrefAttribute'/>
<!-- misc: Applies to all <element>s that include attribute name in 'attribute'. -->
<attribute name='viewBox' href='coords.html#ViewBoxAttribute' animatable='yes'/>
<attribute name='preserveAspectRatio' href='coords.html#PreserveAspectRatioAttribute' animatable='yes'/>
<attribute name='zoomAndPan' href='interact.html#ZoomAndPanAttribute'/>
@@ -1179,16 +1022,18 @@
<property name='word-spacing' href='text.html#WordSpacingProperty'/>
<property name='writing-mode' href='text.html#WritingModeProperty'/>
<!-- ... properties defined elsewhere but described in this spec ........ -->
<property name='display' href='painting.html#VisibilityControl'/>
<property name='opacity' href='masking.html#ObjectAndGroupOpacityProperties'/>
<property name='visibility' href='painting.html#VisibilityControl'/>
+ <property name='height' href='styling.html#HeightProperty'/>
+ <property name='width' href='styling.html#WidthProperty'/>
<!-- ... text properties defined elsewhere -->
<property name='hyphens' href='text.html#HyphensProperty'/>
<property name='line-height' href='text.html#TextLineHeight'/>
<property name='overflow-wrap' href='text.html#OverflowWrapProperty'/>
<property name='line-break' href='text.html#LineBreakProperty'/>
<property name='shape-inside' href='text.html#TextShapeInside'/>
<property name='shape-margin' href='text.html#TextShapeMargin'/>
@@ -1316,26 +1161,16 @@
<interface name='SVGZoomEvent' href='script.html#InterfaceSVGZoomEvent'/>
<interface name='SVGAnimateElement' href='animate.html#InterfaceSVGAnimateElement'/>
<interface name='SVGSetElement' href='animate.html#InterfaceSVGSetElement'/>
<interface name='SVGAnimateMotionElement' href='animate.html#InterfaceSVGAnimateMotionElement'/>
<interface name='SVGMPathElement' href='animate.html#InterfaceSVGMPathElement'/>
<interface name='SVGAnimateTransformElement' href='animate.html#InterfaceSVGAnimateTransformElement'/>
<interface name='TimeEvent' href='animate.html#InterfaceTimeEvent'/>
<interface name='SVGAnimationElement' href='animate.html#InterfaceSVGAnimationElement'/>
- <interface name='SVGFontElement' href='fonts.html#InterfaceSVGFontElement'/>
- <interface name='SVGGlyphElement' href='fonts.html#InterfaceSVGGlyphElement'/>
- <interface name='SVGMissingGlyphElement' href='fonts.html#InterfaceSVGMissingGlyphElement'/>
- <interface name='SVGHKernElement' href='fonts.html#InterfaceSVGHKernElement'/>
- <interface name='SVGVKernElement' href='fonts.html#InterfaceSVGVKernElement'/>
- <interface name='SVGFontFaceElement' href='fonts.html#InterfaceSVGFontFaceElement'/>
- <interface name='SVGFontFaceSrcElement' href='fonts.html#InterfaceSVGFontFaceSrcElement'/>
- <interface name='SVGFontFaceUriElement' href='fonts.html#InterfaceSVGFontFaceUriElement'/>
- <interface name='SVGFontFaceFormatElement' href='fonts.html#InterfaceSVGFontFaceFormatElement'/>
- <interface name='SVGFontFaceNameElement' href='fonts.html#InterfaceSVGFontFaceNameElement'/>
<interface name='SVGMetadataElement' href='metadata.html#InterfaceSVGMetadataElement'/>
<interface name='SVGForeignObjectElement' href='extend.html#InterfaceSVGForeignObjectElement'/>
<interface name='SVGSolidColorElement' href='pservers.html#InterfaceSVGSolidColorElement'/>
<interface name='SVGVideoElement' href='embedded.html#InterfaceSVGVideoElement'/>
<interface name='SVGAudioElement' href='embedded.html#InterfaceSVGAudioElement'/>
<interface name='SVGIframeElement' href='embedded.html#InterfaceSVGIframeElement'/>
<interface name='SVGCanvasElement' href='embedded.html#InterfaceSVGCanvasElement'/>
<interface name='SVGSourceElement' href='embedded.html#InterfaceSVGSourceElement'/>
diff --git a/master/embedded.html b/master/embedded.html
--- a/master/embedded.html
+++ b/master/embedded.html
@@ -280,17 +280,17 @@ elements within an SVG file.</p>
See the definition of <a>'preserveAspectRatio'</a> for details.</p>
</dd>
</dl>
<p>An example:</p>
<pre>
<?xml version="1.0" standalone="no"?>
-<svg width="4in" height="3in" version="1.1"
+<svg width="4in" height="3in"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>This graphic links to an external image
</desc>
<image x="200" y="200" width="100px" height="100px"
xlink:href="myimage.png">
<title>My image</title>
</image>
</svg>
diff --git a/master/extend.html b/master/extend.html
--- a/master/extend.html
+++ b/master/extend.html
@@ -51,17 +51,17 @@ the following purposes:</p>
<p>To illustrate, a business graphics authoring application
might want to include some private data within an SVG document
so that it could properly reassemble the chart (a pie chart in
this case) upon reading it back in:</p>
<pre><![CDATA[
<?xml version="1.0" standalone="yes"?>
-<svg width="4in" height="3in" version="1.1"
+<svg width="4in" height="3in"
xmlns = 'http://www.w3.org/2000/svg'>
<defs>
<myapp:piechart xmlns:myapp="http://example.org/myapp"
title="Sales by Region">
<myapp:pieslice label="Northern Region" value="1.23"/>
<myapp:pieslice label="Eastern Region" value="2.53"/>
<myapp:pieslice label="Southern Region" value="3.89"/>
<myapp:pieslice label="Western Region" value="2.04"/>
@@ -142,30 +142,32 @@ available.</p>
<dd>The y-axis coordinate of one corner of the rectangular
region into which the referenced document is placed.<br />
If the attribute is not specified, the effect is as if a
value of <span class='attr-value'>'0'</span> were specified.<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
<dt id="ForeignObjectElementWidthAttribute"><span
- class="adef">width</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The width of the rectangular region into which the
+ class="adef">width</span> = <em>see <a>'width property'</a></em></dt>
+ <dd>
+ <span class="note">Note that this is a presentation attribute.</span><br />
+ The width of the rectangular region into which the
referenced document is placed.<br />
A negative value is an error (see <a
href="implnote.html#ErrorProcessing">Error processing</a>).
A value of zero disables rendering of the element.<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
<dt id="ForeignObjectElementHeightAttribute"><span
- class="adef">height</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The height of the rectangular region into which the
+ class="adef">height</span> = <em>see <a>'height property'</a></em></dt>
+ <dd>
+ <span class="note">Note that this is a presentation attribute.</span><br />
+ The height of the rectangular region into which the
referenced document is placed.<br />
A negative value is an error (see <a
href="implnote.html#ErrorProcessing">Error processing</a>).
A value of zero disables rendering of the element.<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
</dl>
@@ -174,17 +176,17 @@ available.</p>
</edit:with>
<h2 id="AnExample">An example</h2>
<p>Here is an example:</p>
<pre><![CDATA[
<?xml version="1.0" standalone="yes"?>
-<svg width="4in" height="3in" version="1.1"
+<svg width="4in" height="3in"
xmlns = 'http://www.w3.org/2000/svg'>
<desc>This example uses the 'switch' element to provide a
fallback graphical representation of an paragraph, if
XMHTML is not supported.</desc>
<!-- The 'switch' element will process the first child element
whose testing attributes evaluate to true.-->
<switch>
<!-- Process the embedded XHTML if the requiredExtensions attribute
@@ -260,25 +262,26 @@ element.
</div>
</dd>
<dt id="__svg__SVGForeignObjectElement__width" class="attribute"><b>width</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a>)</span></dt>
<dd class="attribute">
<div>
Corresponds to attribute <a>'width'</a> on the given <a>'foreignObject'</a>
element.
-
+<p class="issue">What value should be returned here (since this is now a presentation attribute)?</p>
</div>
</dd>
<dt id="__svg__SVGForeignObjectElement__height" class="attribute"><b>height</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a>)</span></dt>
<dd class="attribute">
<div>
Corresponds to attribute <a>'height'</a> on the given <a>'foreignObject'</a>
element.
+<p class="issue">What value should be returned here (since this is now a presentation attribute)?</p>
</div>
</dd>
</dl>
</dd>
</dl>
</edit:with>
diff --git a/master/feature.html b/master/feature.html
--- a/master/feature.html
+++ b/master/feature.html
@@ -404,30 +404,16 @@ the SVG 1.0 feature strings can be consi
</dl>
<dl id="Animation">
<dt>Feature String:</dt>
<dd>http://www.w3.org/TR/SVG11/feature#Animation</dd>
<dt>User Agent Supports:</dt>
<dd>
the <a>'animate'</a>, <a>'set'</a>, <a>'animateMotion'</a>, <a>'animateTransform'</a> and <a>'mpath'</a> elements</dd>
</dl>
-<dl id="Font">
- <dt>Feature String:</dt>
- <dd>http://www.w3.org/TR/SVG11/feature#Font</dd>
- <dt>User Agent Supports:</dt>
- <dd>
- the <a>'font element'</a>, <a>'font-face'</a>, <a>'glyph'</a>, <a>'missing-glyph'</a>, <a>'hkern'</a>, <a>'vkern'</a>, <a>'font-face-src'</a>, <a>'font-face-uri'</a>, <a>'font-face-format'</a> and <a>'font-face-name'</a> elements</dd>
-</dl>
-<dl id="BasicFont">
- <dt>Feature String:</dt>
- <dd>http://www.w3.org/TR/SVG11/feature#BasicFont</dd>
- <dt>User Agent Supports:</dt>
- <dd>
- the <a>'font element'</a>, <a>'font-face'</a>, <a>'glyph'</a>, <a>'missing-glyph'</a>, <a>'hkern'</a>, <a>'font-face-src'</a> and <a>'font-face-name'</a> elements</dd>
-</dl>
<dl id="Extensibility">
<dt>Feature String:</dt>
<dd>http://www.w3.org/TR/SVG11/feature#Extensibility</dd>
<dt>User Agent Supports:</dt>
<dd>
the <a>'foreignObject'</a> element</dd>
</dl>
diff --git a/master/fonts.html b/master/fonts.html
deleted file mode 100644
--- a/master/fonts.html
+++ /dev/null
@@ -1,1665 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional+edit//EN" "xhtml1-transitional+edit.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:edit="http://xmlns.grorg.org/SVGT12NG/">
-<head>
- <title>Fonts</title>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
- <link rel="stylesheet" title="Default" type="text/css" media="screen" href="style/default_svg.css"/>
- <link rel="alternate stylesheet" title="No issues/annotations" type="text/css" media="screen" href="style/default_no_issues.css"/>
- <!--
- <link rel="alternate stylesheet" title="CSS3 Unmodified" type="text/css" media="screen" href="style/default.css"/>
- <link rel="alternate stylesheet" title="SVG 1.1" type="text/css" media="screen" href="style/svg-style.css"/>
- -->
- <!-- W3C style sheet will be added here during processing. -->
-</head>
-<body>
-
-<p class='issue'>SVG Fonts and this chapter are to be removed. Any wording from
-this chapter that describes how WOFF support is mandated, or how CSS Fonts
-functionality like <code>@font-face</code> can be used to reference Web fonts is
-to be moved, probably into the Text chapter. An informative reference to the
-SVG-in-OpenType work will probably be added too.</p>
-
-<h1>Fonts</h1>
-
-<div class="annotation svg2-requirement">
- <table>
- <tr>
- <th>SVG 2 Requirement:</th>
- <td>Include explicit support for Web Open Font Format (WOFF).</td>
- </tr>
- <tr>
- <th>Resolution:</th>
- <td><a href="http://www.w3.org/2011/03/01-svg-minutes.html#item03">We will mandate WOFF support in SVG 2.</a></td>
- </tr>
- <tr>
- <th>Purpose:</th>
- <td>To allow access to full OpenType features for internationalisation and advanced typography.</td>
- </tr>
- <tr>
- <th>Owner:</th>
- <td>Chris (no action)</td>
- </tr>
- </table>
-</div>
-
-<div class="annotation svg2-requirement">
- <table>
- <tr>
- <th>SVG 2 Requirement:</th>
- <td>Mandate support for SVG Tiny fonts.</td>
- </tr>
- <tr>
- <th>Resolution:</th>
- <td><a href="http://www.w3.org/2011/03/01-svg-minutes.html#item04">SVG 2 will mandate support for SVG Tiny fonts support, and SVG Full fonts will be specified in a separate module.</a></td>
- </tr>
- <tr>
- <th>Purpose:</th>
- <td>Backwards compatibility for deployed content.</td>
- </tr>
- <tr>
- <th>Owner:</th>
- <td>Erik (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3126">ACTION-3126</a>),
- Chris (✓ <a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3127">ACTION-3127</a>)</td>
- </tr>
- <tr>
- <th>Note:</th>
- <td>The "separate module" is now being worked on in the SVG Glyphs for OpenType community group.</td>
- </tr>
- </table>
-</div>
-
-<div class="annotation svg2-requirement">
- <table>
- <tr>
- <th>SVG 2 Requirement:</th>
- <td>Reference CSS3 Fonts.</td>
- </tr>
- <tr>
- <th>Resolution:</th>
- <td><a href="http://www.w3.org/2011/07/29-svg-minutes.html#item08">SVG 2 will depend on CSS3 Fonts.</a></td>
- </tr>
- <tr>
- <th>Purpose:</th>
- <td>Alignment with CSS 2.1 and CSS3 for Web font functionality, and to provide
- access to advanced typographic features of fonts.</td>
- </tr>
- <tr>
- <th>Owner:</th>
- <td>Chris (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3123">ACTION-3123</a>)</td>
- </tr>
- </table>
-</div>
-
-<h2 id="Introduction">Introduction</h2>
-
-<p>Reliable delivery of fonts is a requirement for SVG.
-Designers need to create SVG content with arbitrary fonts and
-know that the same graphical result will appear when the
-content is viewed by all end users, even when end users do not
-have the necessary fonts installed on their computers. This
-parallels the print world, where the designer uses a given font
-when authoring a drawing for print, and the graphical content
-appears exactly the same in the printed version as it appeared
-on the designer's authoring system.</p>
-
-<p>SVG utilizes the
-<a href="http://dev.w3.org/csswg/css3-fonts/">WebFonts</a>
-facility defined in
-([<a href="refs.html#ref-CSS3FONTS">CSS3 Fonts</a>]) as a key
-mechanism for reliable delivery of font data to end users. In a
-common scenario, SVG authoring applications generate
-compressed, subsetted WebFonts
-for all text elements used by a given SVG document fragment.</p>
-
-<p>One disadvantage to the WebFont
-facility in the past was that specifications did not require
-support of particular font formats. The result was that
-different implementations supported different Web font formats,
-thereby making it difficult for Web site creators to post a
-single Web site using WebFonts that worked across all user
-agents.</p>
-
-<p>SVG 2 mandates support for Web Open Font Format [<a href="refs.html#ref-WOFF">WOFF</a>], which
- is now supported in <a href="http://w3c-test.org/framework/review/woff-at/">most user agents</a>. Besides enabling compressed, subsetted WebFonts
-with accompanying metadata for clear licensing, WOFF also benefits from OpenType multilingual features
-and support for advanced typography. Thus, content authors can author CSS to request discretionary ligatures,
-swash forms, old-style figures etc. while also ensuring that a font is provided which supports those features.</p>
-
-<p>In SVG 1.1, to provide a common font format for SVG that is guaranteed
-to be supported by all <a
-href="conform.html#ConformingSVGViewers">conforming SVG
-viewers</a>, SVG provideed a facility to define fonts in SVG.
-This facility was called <em>SVG fonts</em>. For backwards compatibility, SVG 2 requires support for a subset
-of SVG Fonts, SVG Tiny Fonts, which has been widely deployed especially for mobile content.</p>
-
-
-<h2 id="FontDescriptions">Describing a font</h2>
-
-<h3 id="FontDescriptionsOverview">Overview of font descriptions</h3>
-
-<p>A font description provides the bridge between an author's
-font specification and the font data, which is the data needed
-to format text and to render the abstract glyphs to which the
-characters map — the actual scalable outlines or bitmaps. Fonts
-are referenced by properties, such as the <a>'font-family'</a> property.</p>
-
-<p>Each specified font description is added to the font
-database and so that it can be used to select the relevant font
-data. The font description contains descriptors such as the
-location of the font data on the Web, and characterizations of
-that font data. The font descriptors are also needed to match
-the font properties to particular font data. The level of
-detail of a font description can vary from just the name of the
-font up to a list of glyph widths.</p>
-
-<p>For more about font descriptions, refer to
-<a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/">CSS Fonts Module Level 3</a>.
-[<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>]</p>
-
-<h3 id="FontDescriptionsAlternatives">Alternative ways for providing a font description</h3>
-
-<p>Font descriptions can be specified in either of the
-following ways:</p>
-
-<ul>
- <li>a <a>'font-face'</a> element</li>
-
- <li id="AtFontFace">an <a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">@font-face rule</a>
- ([<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 4.1) within a CSS
- style sheet (only applicable for user agents which support using CSS to
- style the SVG content)</li>
-</ul>
-
-<h3 id="FontFaceElement">The <span class="element-name">'font-face'</span> element</h3>
-
-<edit:with element='font-face'>
-
-<p>The <a>'font-face'</a> element
-corresponds directly to the <a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">@font-face facility</a>
-in CSS3 Fonts ([<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 4.1). It can be used to describe the
-characteristics of any font, SVG font or otherwise.</p>
-
-<p>When used to describe the characteristics of an SVG font
-contained within the same document, it is recommended that the
-<a>'font-face'</a> element be a
-child of the <a>'font element'</a> element it is describing
-so that the <a>'font element'</a> element can be
-self-contained and fully-described. In this case, any
-<a>'font-face-src'</a> elements within
-the <a>'font-face'</a> element are
-ignored as it is assumed that the <a>'font-face'</a> element is describing
-the characteristics of its parent <a>'font element'</a> element.</p>
-
-<edit:elementsummary name='font-face'/>
-
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="FontFaceElementFontFamilyAttribute"><span
- class="adef">font-family</span> = "<span
- class="attr-value"><string></span>"</dt>
- <dd>Same syntax and semantics as the <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-family-desc">
- <span class="property">'font-family'</span></a> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">@font-face rule</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementFontStyleAttribute"><span
- class="adef">font-style</span> = "<span
- class="attr-value">all | [ normal | italic | oblique] [,
- [normal | italic | oblique]]*</span>"</dt>
- <dd>Same syntax and semantics as the <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-prop-desc"><span class="property">'font-style'</span></a> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The style of a font. Takes on the same
- values as the <a>'font-style property'</a>
- property, except that a comma-separated list is
- permitted.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'all'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementFontVariantAttribute"><span
- class="adef">font-variant</span> = "<span
- class="attr-value">[normal | small-caps] [,[normal |
- small-caps]]*</span>"</dt>
- <dd>Same syntax and semantics as the <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-rend-desc">
- <span class="property">'font-variant'</span></a>
- descriptor within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. Indication of whether this face is the
- small-caps variant of a font. Takes on the same values as
- the <a>'font-variant property'</a>
- property, except that a comma-separated list is
- permitted.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'normal'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementFontWeightAttribute"><span
- class="adef">font-weight</span> = "<span
- class="attr-value">all | [normal | bold | 100 | 200 | 300 |
- 400 | 500 | 600 | 700 | 800 | 900] [, [normal | bold | 100 |
- 200 | 300 | 400 | 500 | 600 | 700 | 800 |
- 900]]*</span>"</dt>
- <dd>
- Same syntax and semantics as the <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-prop-desc">
- <span class="property">'font-weight'</span></a>
- descriptor within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>.<br />
- The weight of a face relative to others in the same font
- family. Takes on the same values as the <a>'font-weight property'</a>
- property with three exceptions:
- <ul>
- <li>relative keywords (<span class='prop-value'>bolder</span>, <span class='prop-value'>lighter</span>) are not
- permitted</li>
- <li>a comma-separated list of values is permitted, for
- fonts that contain multiple weights</li>
- <li>an additional keyword, <span class='attr-value'>'all'</span>, is permitted, which
- means that the font will match for all possible
- weights; either because it contains multiple weights,
- or because that face only has a single weight.</li>
- </ul>
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'all'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>: no.</span>
- </dd>
- <dt id="FontFaceElementFontStretchAttribute"><span
- class="adef">font-stretch</span> = "<span
- class="attr-value">all | [ normal | ultra-condensed |
- extra-condensed | condensed | semi-condensed |
- semi-expanded | expanded | extra-expanded | ultra-expanded]
- [, [ normal | ultra-condensed | extra-condensed | condensed
- | semi-condensed | semi-expanded | expanded |
- extra-expanded | ultra-expanded] ]*</span>"</dt>
- <dd>
- Same syntax and semantics as the <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-prop-desc">
- <span class="property">'font-stretch'</span></a>
- descriptor within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. Indication of the condensed or
- expanded nature of the face relative to others in the
- same font family. Takes on the same values as the <a>'font-stretch property'</a>
- property except that:
- <ul>
- <li>relative keywords (<span class='prop-value'>wider</span>, <span class='prop-value'>narrower</span>) are not
- permitted</li>
- <li>a comma-separated list is permitted</li>
- <li>the keyword <span class='attr-value'>'all'</span> is permitted</li>
- </ul>
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'normal'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>: no.</span>
- </dd>
- <dt id="FontFaceElementFontSizeAttribute"><span
- class="adef">font-size</span> = "<span
- class="attr-value"><string></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'font-size'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a font-size descriptor.</p>
- </dd>
- <dt id="FontFaceElementUnicodeRangeAttribute"><span
- class="adef">unicode-range</span> = "<span
- class="attr-value"><urange> [,
- <urange>]*</span>"</dt>
- <dd>Same syntax and semantics as the <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#descdef-unicode-range">
- <span class="property">'unicode-range'</span></a>
- descriptor within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The range of ISO 10646 characters [<a href="refs.html#ref-UNICODE">UNICODE</a>]
- possibly covered by the glyphs in the font. Except for any
- additional information provided in this specification, the
- <a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#descdef-unicode-range">normative definition of the attribute</a>
- is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 4.5).<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'U+0-10FFFF'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementUnitsPerEmAttribute"><span
- class="adef">units-per-em</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'units-per-em'</span>
- descriptor within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The number of coordinate units on the
- em square, the size of the design grid on which glyphs are
- laid out.<br />
- This value is almost always necessary as nearly every
- other attribute requires the definition of a design
- grid.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'1000'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a units-per-em descriptor.</p>
- </dd>
- <dt id="FontFaceElementPanose1Attribute"><span
- class="adef">panose-1</span> = "<span
- class="attr-value">[<integer>]{10}</span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'panose-1'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The Panose-1 number, consisting of ten
- decimal integers, separated by whitespace. Except for any
- additional information provided in this specification, the
- normative definition of the attribute
- is in CSS2.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'0 0 0 0 0 0 0 0 0 0'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a panose-1 descriptor.</p>
- </dd>
- <dt id="FontFaceElementStemvAttribute"><span
- class="adef">stemv</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'stemv'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a stemv descriptor.</p>
- </dd>
- <dt id="FontFaceElementStemhAttribute"><span
- class="adef">stemh</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'stemh'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a stemh descriptor.</p>
- </dd>
- <dt id="FontFaceElementSlopeAttribute"><span
- class="adef">slope</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'slope'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2008/REC-CSS2-20080411/fonts.html#font-descriptions">
- @font-face rule</a>. The vertical stroke angle of the font.
- Except for any additional information provided in this
- specification, the normative definition of the attribute
- is in CSS2.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'0'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a slope descriptor.</p>
- </dd>
- <dt id="FontFaceElementCapHeightAttribute"><span
- class="adef">cap-height</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'cap-height'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The height of uppercase glyphs in the
- font within the font coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a cap-height descriptor.</p>
- </dd>
- <dt id="FontFaceElementXHeightAttribute"><span
- class="adef">x-height</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'x-height'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The height of lowercase glyphs in the
- font within the font coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have an x-height descriptor.</p>
- </dd>
- <dt id="FontFaceElementAccentHeightAttribute"><span
- class="adef">accent-height</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>The distance from the origin to the top of accent
- characters, measured by a distance within the font
- coordinate system.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to the value of the <a>'ascent'</a> attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementAscentAttribute"><span
- class="adef">ascent</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'ascent'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The maximum unaccented height of the
- font within the font coordinate system.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to the difference between the <a>'units-per-em'</a>
- value and the <a>'font/vert-origin-y'</a> value for the
- corresponding font.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have an ascent descriptor.</p>
- </dd>
- <dt id="FontFaceElementDescentAttribute"><span
- class="adef">descent</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'descent'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. The maximum unaccented depth of the
- font within the font coordinate system.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to the <a>'font/vert-origin-y'</a> value for the
- corresponding font.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a descent descriptor.</p>
- </dd>
- <dt id="FontFaceElementWidthsAttribute"><span
- class="adef">widths</span> = "<span
- class="attr-value"><string></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'widths'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a widths descriptor.</p>
- </dd>
- <dt id="FontFaceElementBboxAttribute"><span
- class="adef">bbox</span> = "<span
- class="attr-value"><string></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'bbox'</span> descriptor within
- an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a bbox descriptor.</p>
- </dd>
- <dt id="FontFaceElementIdeographicAttribute"><span
- class="adef">ideographic</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>For horizontally oriented glyph layouts, indicates the
- alignment coordinate for glyphs to achieve ideographic
- baseline alignment. The value is an offset in the font
- coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementAlphabeticAttribute"><span
- class="adef">alphabetic</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'baseline'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. For horizontally oriented glyph
- layouts, indicates the alignment coordinate for glyphs to
- achieve alphabetic baseline alignment. The value is an
- offset in the font coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a baseline descriptor.</p>
- </dd>
- <dt id="FontFaceElementMathematicalAttribute"><span
- class="adef">mathematical</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Same syntax and semantics as the
- <span class="property">'mathline'</span> descriptor
- within an <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">
- @font-face rule</a>. For horizontally oriented glyph
- layouts, indicates the alignment coordinate for glyphs to
- achieve mathematical baseline alignment. The value is an
- offset in the font coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
- <p class="issue">CSS3 Fonts does not have a mathline descriptor.</p>
- </dd>
- <dt id="FontFaceElementHangingAttribute"><span
- class="adef">hanging</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>For horizontally oriented glyph layouts, indicates the
- alignment coordinate for glyphs to achieve hanging baseline
- alignment. The value is an offset in the font coordinate
- system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementVertIdeographicAttribute"><span
- class="adef">v-ideographic</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>For vertically oriented glyph layouts, indicates the
- alignment coordinate for glyphs to achieve ideographic
- baseline alignment. The value is an offset in the font
- coordinate system relative to the glyph-specific <a>'glyph/vert-origin-x'</a> attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementVertAlphabeticAttribute"><span
- class="adef">v-alphabetic</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>For vertically oriented glyph layouts, indicates the
- alignment coordinate for glyphs to achieve alphabetic
- baseline alignment. The value is an offset in the font
- coordinate system relative to the glyph-specific <a>'glyph/vert-origin-x'</a> attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementVertMathematicalAttribute"><span
- class="adef">v-mathematical</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>For vertically oriented glyph layouts, indicates the
- alignment coordinate for glyphs to achieve mathematical
- baseline alignment. The value is an offset in the font
- coordinate system relative to the glyph-specific <a>'glyph/vert-origin-x'</a> attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementVertHangingAttribute"><span
- class="adef">v-hanging</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>For vertically oriented glyph layouts, indicates the
- alignment coordinate for glyphs to achieve hanging baseline
- alignment. The value is an offset in the font coordinate
- system relative to the glyph-specific <a>'glyph/vert-origin-x'</a> attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementUnderlinePositionAttribute"><span
- class="adef">underline-position</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>The ideal position of an underline within the font
- coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementUnderlineThicknessAttribute"><span class="adef">underline-thickness</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>The ideal thickness of an underline, expressed as a
- length within the font coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementStrikeThroughPositionAttribute"><span class="adef">strikethrough-position</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>The ideal position of a strike-through within the font
- coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementStrikeThroughThicknessAttribute"><span class="adef">strikethrough-thickness</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>The ideal thickness of a strike-through, expressed as a
- length within the font coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementOverlinePositionAttribute"><span
- class="adef">overline-position</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>The ideal position of an overline within the font
- coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontFaceElementOverlineThicknessAttribute"><span
- class="adef">overline-thickness</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>The ideal thickness of an overline, expressed as a
- length within the font coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- </dl>
- </div>
-
-</edit:with>
-
-<p>The following elements and attributes correspond to the
-<span class="property">'src'</span> descriptor within an
-@font-face rule. Refer to the descriptions of the
-<a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">@font-face rule</a> and
-<a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#src-desc">'src' descriptor</a>
-in the CSS 2.1 specification ([<a href="refs.html#ref-CSS21">CSS21</a>],
-sections 4.1 and 4.3.)</p>
-
-<h3 id="FontFaceSrcElement">The <span class="element-name">'font-face-src'</span> element</h3>
-
-<edit:with element='font-face-src'>
-
-<p>The <a>'font-face-src'</a> element, together with the
-<a>'font-face-uri'</a> and <a>'font-face-format'</a> elements described in the
-following sections, correspond to the <span class='property'>'src'</span>
-descriptor within an @font-face rule. (Refer to the descriptions of the
-<a href='http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#src-desc'>@font-face rule</a>
-and <a href='http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#src-desc'>'src' descriptor</a>
-in the CSS3 Fonts specification ([<a href='refs.html#ref-CSS3FONTS'>CSS3FONTS</a>], sections
-4.1 and 4.3.)</p>
-
-<p>A <a>'font-face-src'</a> element contains <a>'font-face-uri'</a> and
-<a>'font-face-name'</a> elements, which are used for referencing external
-and local fonts, respectively.</p>
-
-<edit:elementsummary name='font-face-src'/>
-
-</edit:with>
-
-<h3 id="FontFaceURIElement">The <span class='element-name'>'font-face-uri'</span> and <span class='element-name'>'font-face-format'</span> elements</h3>
-
-<edit:with element='font-face-uri'>
-
-<p>The <a>'font-face-uri'</a> element is used within a <a>'font-face-src'</a>
-element to reference a font defined inside or outside of the current SVG
-document.</p>
-
-<p>When a <a>'font-face-uri'</a> is referencing an <a href='#SVGFontsOverview'>SVG font</a>,
-then that reference must be to an SVG <a>'font element'</a> element, therefore
-requiring the use of a fragment identifier [<a href='refs.html#ref-RFC3986'>RFC3986</a>].
-The referenced <a>'font element'</a> element can be local (i.e., within the same
-document as the <a>'font-face-uri'</a> element) or remote (i.e., within a
-different document).</p>
-
-<edit:elementsummary name='font-face-uri'/>
-
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="FontFaceUriElementHrefAttribute"><span class='adef'>xlink:href</span> =
- "<span class='attr-value'><a href='types.html#DataTypeIRI'><IRI></a></span>"</dt>
- <dd>
- The <a>'xlink:href'</a> attribute specifies the location of the referenced
- font.<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span>
- </dd>
- </dl>
-</div>
-
-</edit:with>
-
-<edit:with element='font-face-format'>
-
-<p>Child <a>'font-face-format'</a> elements of a <a>'font-face-uri'</a>
-element are used to specify the supported formats of the font referenced by that
-<a>'font-face-uri'</a> element. They correspond to entries in a
-<span class='prop-value'>format(…)</span> clause of the
-<span class='property'>'src'</span> descriptor in an @font-face rule.</p>
-
-<div id="FontFaceFormatElement">
-<edit:elementsummary name='font-face-format'/>
-</div>
-
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="FontFaceFormatElementStringAttribute"><span class='adef'>string</span> =
- "<span class='attr-value'><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dd>
- The <a>'string'</a> attribute is a hint to the user agent, and specifies
- a list of formats that the font referenced by the parent <a>'font-face-uri'</a>
- element supports. The syntax of the attribute value is a format string
- as defined in CSS2,
- such as <span class='attr-value'>'truetype'</span>. Refer to the description of the
- 'src' descriptor
- in CSS2 for details on how the format hint is interpreted.<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span>
- <p class="issue">CSS3 Fonts does not have format strings.</p>
- </dd>
- </dl>
-</div>
-
-</edit:with>
-
-<h3 id="FontFaceNameElement">The <span class='element-name'>'font-face-name'</span> element</h3>
-
-<edit:with element='font-face-name'>
-
-<p>The <a>'font-face-name'</a> element is used within a <a>'font-face-src'</a>
-element to reference a local font by name. It corresponds to a <span class='prop-value'>local(…)</span>
-clause in an @font-face rule <span class='property'>'src'</span> descriptor.</p>
-
-<edit:elementsummary name='font-face-name'/>
-
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="FontFaceNameElementNameAttribute"><span class='adef'>name</span> =
- "<span class='attr-value'><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dd>
- The <a>'name'</a> attribute specifies the name of a local font. Unlike
- the syntax allowed between the parentheses of the <span class='prop-value'>local(…)</span>
- clause in an @font-face rule <span class='property'>'src'</span> descriptor,
- the font name specified in this attribute is not surrounded in single or
- double quotes. Refer to the description of the <a href='http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#src-desc'>'src' descriptor</a>
- in CSS3 Fonts for details on how the font name is interpreted
- ([<a href='refs.html#ref-CSS3FONTS'>CSS3FONTS</a>], section 4.3).<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span>
- </dd>
- </dl>
-</div>
-
-</edit:with>
-
-
-<h2 id="SVGFontsOverview">Overview of SVG fonts</h2>
-
-<p>An SVG font is a font defined
-using SVG's <a>'font element'</a> element.</p>
-
-<p>The purpose of SVG fonts is to allow for delivery of glyph
-outlines in display-only environments. SVG fonts that accompany
-Web pages must be supported only in browsing and viewing
-situations. Graphics editing applications or file translation
-tools must not attempt to convert SVG fonts into system fonts.
-The intent is that SVG files be interchangeable between two
-content creators, but not the SVG fonts that might accompany
-these SVG files. Instead, each content creator will need to
-license the given font before being able to successfully edit
-the SVG file. The <a>'font-face-name'</a> element
-indicates the name of licensed font to use for editing.</p>
-
-<p>SVG fonts contain unhinted font outlines. Because of this,
-on many implementations there will be limitations regarding the
-quality and legibility of text in small font sizes. For
-increased quality and legibility in small font sizes, content
-creators may want to use an alternate font technology, such as
-fonts that ship with operating systems or an alternate WebFont
-format.</p>
-
-<p>Because SVG fonts are expressed using SVG elements and
-attributes, in some cases the SVG font will take up more space
-than if the font were expressed in a different WebFont
-format which was especially designed for compact expression of
-font data. For the fastest delivery of Web pages, content
-creators may want to use an alternate font technology.</p>
-
-<p>A key value of SVG fonts is guaranteed availability in SVG
-user agents. In some situations, it might be appropriate for an
-SVG font to be the first choice for rendering some text. In
-other situations, the SVG font might be an alternate, back-up
-font in case the first choice font (perhaps a hinted system
-font) is not available to a given user.</p>
-
-<p>The characteristics and attributes of SVG fonts correspond
-closely to the font characteristics and parameters described in
-the <a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/">CSS Fonts Modules Level 3 specification</a>
-[<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>]. In this model,
-various font metrics, such as advance values and baseline
-locations, and the glyph outlines themselves, are expressed in
-units that are relative to an abstract square whose height is
-the intended distance between lines of type in the same type
-size. This square is called the <em>em square</em> and
-it is the design grid on which the glyph
-outlines are defined. The value of the <a>'font-face/units-per-em'</a>
-attribute on the <a>'font-face'</a> element specifies how
-many units the em square is divided into. Common values for
-other font types are, for example, 250 (Intellifont), 1000
-(Type 1) and 2048 (TrueType, TrueType GX and Open-Type). Unlike
-standard graphics in SVG, where the initial coordinate system
-has the y-axis pointing downward (see <a
-href="coords.html#InitialCoordinateSystem">The initial
-coordinate system</a>), the design grid for SVG fonts, along
-with the initial coordinate system for the glyphs, has the
-y-axis pointing upward for consistency with accepted industry
-practice for many popular font formats.</p>
-
-<p>SVG fonts and their associated glyphs do not specify
-bounding box information. Because the glyph outlines are
-expressed as SVG graphics elements, the implementation has the
-option to render the glyphs either using standard graphics
-calls or by using special-purpose font rendering technology, in
-which case any necessary maximum bounding box and overhang
-calculations can be performed from analysis of the graphics
-elements contained within the glyph outlines.</p>
-
-<p>An SVG font can be either embedded within the same document
-that uses the font or saved as part of an external
-resource.</p>
-
-<p>Here is an example of how you might embed an SVG font inside
-of an SVG document.</p>
-
-<pre><![CDATA[
-<?xml version="1.0" standalone="yes"?>
-<svg width="400px" height="300px" version="1.1"
- xmlns = 'http://www.w3.org/2000/svg'>
- <defs>
- <font id="Font1" horiz-adv-x="1000">
- <font-face font-family="Super Sans" font-weight="bold" font-style="normal"
- units-per-em="1000" cap-height="600" x-height="400"
- ascent="700" descent="300"
- alphabetic="0" mathematical="350" ideographic="400" hanging="500">
- <font-face-src>
- <font-face-name name="Super Sans Bold"/>
- </font-face-src>
- </font-face>
- <missing-glyph><path d="M0,0h200v200h-200z"/></missing-glyph>
- <glyph unicode="!" horiz-adv-x="300"><!-- Outline of exclam. pt. glyph --></glyph>
- <glyph unicode="@"><!-- Outline of @ glyph --></glyph>
- <!-- more glyphs -->
- </font>
- </defs>
- <text x="100" y="100"
- style="font-family: 'Super Sans', Helvetica, sans-serif;
- font-weight: bold; font-style: normal">Text
- using embedded font</text>
-</svg>
-]]></pre>
-
-<p>Here is an example of how you might use the
-<a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-face-rule">CSS @font-face facility</a>
-([<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 4.1) to reference an SVG font which is saved
-in an external file. First referenced SVG font file:</p>
-
-<pre><![CDATA[
-<?xml version="1.0" standalone="yes"?>
-<svg width="100%" height="100%" version="1.1"
- xmlns = 'http://www.w3.org/2000/svg'>
- <defs>
- <font id="Font2" horiz-adv-x="1000">
- <font-face font-family="Super Sans" font-weight="normal" font-style="italic"
- units-per-em="1000" cap-height="600" x-height="400"
- ascent="700" descent="300"
- alphabetic="0" mathematical="350" ideographic="400" hanging="500">
- <font-face-src>
- <font-face-name name="Super Sans Italic"/>
- </font-face-src>
- </font-face>
- <missing-glyph><path d="M0,0h200v200h-200z"/></missing-glyph>
- <glyph unicode="!" horiz-adv-x="300"><!-- Outline of exclam. pt. glyph --></glyph>
- <glyph unicode="@"><!-- Outline of @ glyph --></glyph>
- <!-- more glyphs -->
- </font>
- </defs>
-</svg>
-]]></pre>
-
-<p>The SVG file which uses/references the above SVG font</p>
-
-<pre><![CDATA[
-<?xml version="1.0" standalone="yes"?>
-<svg width="400px" height="300px" version="1.1"
- xmlns = 'http://www.w3.org/2000/svg'>
- <defs>
- <style type="text/css">
- @font-face {
- font-family: 'Super Sans';
- font-weight: normal;
- font-style: italic;
- src: url("myfont.svg#Font2") format("svg")
- }
- </style>
- </defs>
- <text x="100" y="100"
- style="font-family: 'Super Sans'; font-weight:normal;
- font-style: italic">Text using referenced font</text>
-</svg>
-]]></pre>
-
-<h2 id="FontElement">The <span class="element-name">'font'</span> element</h2>
-
-<edit:with element='font'>
-
-<p>The <a>'font element'</a> element defines an SVG font.</p>
-
-<edit:elementsummary name='font'/>
-
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="FontElementHorizOriginXAttribute"><span
- class="adef">horiz-origin-x</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The X-coordinate in the font coordinate system of the
- origin of a glyph to be used when drawing horizontally
- oriented text. (Note that the origin applies to all glyphs
- in the font.)<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'0'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontElementHorizOriginYAttribute"><span
- class="adef">horiz-origin-y</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The Y-coordinate in the font coordinate system of the
- origin of a glyph to be used when drawing horizontally
- oriented text. (Note that the origin applies to all glyphs
- in the font.)<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'0'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontElementHorizAdvXAttribute"><span
- class="adef">horiz-adv-x</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The default horizontal advance after rendering a glyph
- in horizontal orientation. Glyph widths are required to be
- non-negative, even if the glyph is typically rendered
- right-to-left, as in Hebrew and Arabic scripts.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontElementVertOriginXAttribute"><span
- class="adef">vert-origin-x</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The default X-coordinate in the font coordinate system
- of the origin of a glyph to be used when drawing vertically
- oriented text.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to half of the effective value of
- attribute <a>'horiz-adv-x'</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontElementVertOriginYAttribute"><span
- class="adef">vert-origin-y</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The default Y-coordinate in the font coordinate system
- of the origin of a glyph to be used when drawing vertically
- oriented text.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to the position specified by the font's
- <a>'font-face/ascent'</a> attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="FontElementVertAdvYAttribute"><span
- class="adef">vert-adv-y</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The default vertical advance after rendering a glyph in
- vertical orientation.<br />
- If the attribute is not specified, the effect is as if a
- value equivalent of one <em>em</em> were specified (see
- <a>'font-face/units-per-em'</a>).<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- </dl>
- </div>
-
-<p>Each <a>'font element'</a> element must have a <a>'font-face'</a>
-child element which describes various characteristics of the font.</p>
-
-</edit:with>
-
-<h2 id='GlyphElement'>The <span class="element-name">'glyph'</span> element</h2>
-
-<edit:with element='glyph'>
-
-<p>The <a>'glyph'</a> element
-defines the graphics for a given glyph. The coordinate system
-for the glyph is defined by the various attributes in the
-<a>'font element'</a> element.</p>
-
-<p>The graphics that make up the <a>'glyph'</a> can be a single
-<a href="paths.html#PathData">path data</a> specification within
-the <a>'d'</a> attribute, arbitrary SVG as
-content within the <a>'glyph'</a>, or both.
-These two alternatives are processed differently (see
-below).</p>
-
-<edit:elementsummary name='glyph'/>
-
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="GlyphElementUnicodeAttribute"><span
- class="adef">unicode</span> = "<span
- class="attr-value"><string></span>"</dt>
- <dd>One or more Unicode characters indicating the sequence
- of Unicode characters which corresponds to this glyph. If a
- character is provided, then this glyph corresponds to the
- given Unicode character. If multiple characters are
- provided, then this glyph corresponds to the given sequence
- of Unicode characters. One use of a sequence of characters
- is ligatures. For example, if <span
- class="attr-value">unicode="ffl"</span>, then the given
- glyph will be used to render the sequence of characters
- "f", "f", and "l".<br />
- <br />
- It is often useful to refer to characters using XML
- character references expressed in hexadecimal notation or
- decimal notation. For example, <span
- class="attr-value">unicode="ffl"</span> could be expressed
- as XML character references in hexadecimal notation as
- <span
- class="attr-value">unicode="&#x66;&#x66;&#x6c;"</span>
- or in decimal notation as <span
- class="attr-value">unicode="&#102;&#102;&#108;"</span>.<br />
- <br />
- The <a>'unicode'</a> attribute
- contributes to the process for deciding which glyph(s) are
- used to represent which character(s). See <a
- href="fonts.html#GlyphSelectionRules">glyph selection
- rules</a>. If the <a>'unicode'</a> attribute is not
- provided for a given <a>'glyph'</a>, then the only way
- to use this glyph is via an <a>'altGlyph'</a> reference.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementGlyphNameAttribute"><span
- class="adef">glyph-name</span> = "<span
- class="attr-value"><author-ident> [, <author-ident> ]*</span>
- "</dt>
- <dd>A name for the glyph. It is recommended that glyph
- names be unique within a font. The glyph names can be used
- in situations where Unicode character numbers do not
- provide sufficient information to access the correct glyph,
- such as when there are multiple glyphs per Unicode
- character. The glyph names can be referenced in <a
- href="fonts.html#KernElements">kerning</a>
- definitions.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementDAttribute"><span
- class="adef">d</span> = "<span class="attr-value">path
- data</span>"</dt>
- <dd>The definition of the outline of a glyph, using the
- same syntax as for the <a>'path/d'</a> attribute on a <a>'path'</a>
- element. See <a href="paths.html#PathData">Path data</a>.<br />
- See below for a discussion of this attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementOrientationAttribute"><span
- class="adef">orientation</span> = "<span
- class="attr-value">h | v</span>"</dt>
- <dd>Indicates that the given glyph is only to be used for a
- particular inline-progression-direction (i.e., horizontal
- or vertical). If the attribute is not specified, then the
- glyph can be used in all cases (i.e., both horizontal and
- vertical inline-progression-direction).<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementArabicFormAttribute"><span
- class="adef">arabic-form</span> = "<span
- class="attr-value">initial | medial | terminal |
- isolated</span>"</dt>
- <dd>For Arabic glyphs, indicates which of the four possible
- forms this glyph represents.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementLangAttribute"><span
- class="adef">lang</span> = "<span
- class="attr-value">%LanguageCodes;</span>"</dt>
- <dd>The attribute value is a comma-separated list of
- language names as defined in
- <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP 47</a>
- [<a href="refs.html#ref-BCP47">BCP47</a>].
- The glyph can be used if the <a>'xml:lang'</a> attribute exactly
- matches one of the languages given in the value of this
- parameter, or if the <a>'xml:lang'</a> attribute exactly
- equals a prefix of one of the languages given in the value
- of this parameter such that the first tag character
- following the prefix is "-".<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementHorizAdvXAttribute"><span
- class="adef">horiz-adv-x</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The horizontal advance after rendering the glyph in
- horizontal orientation. If the attribute is not specified,
- the effect is as if the attribute were set to the value of
- the font's <a>'font/horiz-adv-x'</a> attribute.<br />
- Glyph widths are required to be non-negative, even if the
- glyph is typically rendered right-to-left, as in Hebrew and
- Arabic scripts.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementVertOriginXAttribute"><span
- class="adef">vert-origin-x</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The X-coordinate in the font coordinate system of the
- origin of the glyph to be used when drawing vertically
- oriented text.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to the value of the font's <a>'font/vert-origin-x'</a>
- attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementVertOriginYAttribute"><span
- class="adef">vert-origin-y</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The Y-coordinate in the font coordinate system of the
- origin of a glyph to be used when drawing vertically
- oriented text.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to the value of the font's <a>'font/vert-origin-y'</a>
- attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="GlyphElementVertAdvYAttribute"><span
- class="adef">vert-adv-y</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The vertical advance after rendering a glyph in
- vertical orientation.<br />
- If the attribute is not specified, the effect is as if the
- attribute were set to the value of the font's <a>'font/vert-adv-y'</a> attribute.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- </dl>
- </div>
-
-<p>The graphics for the <a>'glyph'</a> can be specified using
-either the <a>'d'</a> attribute or arbitrary SVG as
-content within the <a>'glyph'</a>.</p>
-
-<p>If the <a>'d'</a> attribute is specified, then the
-path data within this attribute is processed as follows:</p>
-
-<ul>
- <li>Any relative coordinates within the path data
- specification are converted into equivalent absolute
- coordinates</li>
-
- <li>Each of these absolute coordinates is transformed from
- the font coordinate system into the <a>'text'</a> element's current
- coordinate system such that the origin of the font coordinate
- system is properly positioned and rotated to align with the
- <a href="text.html#CurrentTextPosition">current text
- position</a> and orientation for the glyph, and scaled so
- that the correct <a>'font-size'</a> is achieved.</li>
-
- <li>The resulting, transformed path specification is rendered
- as if it were a <a>'path'</a> element, using the
- styling properties that apply to the characters which
- correspond to the given glyph, and ignoring any styling
- properties specified on the <a>'font element'</a> element or the
- <a>'glyph'</a> element.</li>
-</ul>
-
-<p>If the <a>'glyph'</a> has child
-elements, then those child elements are rendered in a manner
-similar to how the <a>'use'</a> element renders a
-referenced symbol. The rendering effect is as if the contents
-of the referenced <a>'glyph'</a>
-element were deeply cloned into a separate non-exposed DOM
-tree. Because the cloned DOM tree is non-exposed, the SVG DOM
-does not show the cloned instance.</p>
-
-<p>For user agents that support <a
-href="styling.html#StylingWithCSS">Styling with CSS</a>, the
-conceptual deep cloning of the referenced <a>'glyph'</a> element into a non-exposed
-DOM tree also copies any property values resulting from
-<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html">the CSS cascade</a>
-([<a href="refs.html#ref-CSS21">CSS21</a>], chapter 6)
-on the referenced <a>'glyph'</a> and
-its contents, and also applies any property values on the
-<a>'font element'</a> element. CSS 2.1 selectors
-can be applied to the original (i.e., referenced) elements
-because they are part of the formal document structure. CSS 2.1
-selectors cannot be applied to the (conceptually) cloned DOM
-tree because its contents are not part of the formal document
-structure.</p>
-
-<p>Property inheritance, however, works as if the referenced
-<a>'glyph'</a> had been textually
-included as a deeply cloned child within the document tree. The
-referenced <a>'glyph'</a> inherits
-properties from the element that contains the characters that
-correspond to the <a>'glyph'</a>.
-The <a>'glyph'</a> does not inherit
-properties from the <a>'font element'</a> element's original
-parents.</p>
-
-<p>In the generated content, for each instance of a given <a>'glyph'</a>, a
-<a>'g'</a> is created which carries
-with it all property values resulting from the CSS cascade
-on the <a>'font element'</a> element for the
-referenced <a>'glyph'</a>. Within
-this <a>'g'</a> is another <a>'g'</a> which carries with it all
-property values resulting from the CSS cascade
-on the <a>'glyph'</a> element. The
-original contents of the <a>'glyph'</a> element are deep-cloned
-within the inner <a>'g'</a> element.</p>
-
-<p>If the <a>'glyph'</a> has both a
-<a>'d'</a> attribute and child elements,
-the <a>'d'</a> attribute is rendered first, and
-then the child elements.</p>
-
-<p>In general, the <a>'d'</a> attribute renders in the same
-manner as system fonts. For example, a dashed pattern will
-usually look the same if applied to a system font or to an SVG
-font which defines its glyphs using the <a>'d'</a> attribute. Many implementations
-will be able to render glyphs defined with the <a>'d'</a> attribute quickly and will be
-able to use a font cache for further performance gains.</p>
-
-<p>Defining a glyph by including child elements within the
-<a>'glyph'</a> gives greater
-flexibility but more complexity. Different fill and stroke
-techniques can be used on different parts of the glyphs. For
-example, the base of an "i" could be red, and the dot could be
-blue. This approach has an inherent complexity with units. Any
-properties specified on a text elements which represents a
-length, such as the <a>'stroke-width'</a> property, might
-produce surprising results since the length value will be
-processed in the coordinate system of the glyph.</p>
-
-</edit:with>
-
-<h2 id="MissingGlyphElement">The <span class="element-name">'missing-glyph'</span> element</h2>
-
-<edit:with element='missing-glyph'>
-
-<p>The <a>'missing-glyph'</a> element defines the graphics to use if
-there is an attempt to draw a glyph from a given font and the given
-glyph has not been defined. The attributes on the <a>'missing-glyph'</a>
-element have the same meaning as the corresponding attributes on the
-<a>'glyph'</a> element.</p>
-
-<edit:elementsummary name='missing-glyph'/>
-
-</edit:with>
-
-<h2 id="GlyphSelectionRules">Glyph selection rules</h2>
-
-<p>When determining the glyph(s) to draw a given character sequence, the
-<a>'font element'</a> element is searched from its first <a>'glyph'</a>
-element to its last in logical order to see if the upcoming sequence
-of Unicode characters to be rendered matches the sequence of Unicode
-characters specified in the <a>'glyph/unicode'</a> attribute for the
-given <a>'glyph'</a> element. The first successful match is used. Thus,
-the "ffl" ligature needs to be defined in the font before the "f" glyph;
-otherwise, the "ffl" will never be selected.</p>
-
-<p>Note that any occurrences of <a>'altGlyph'</a> take precedence over
-the above glyph selection rules within an SVG font.</p>
-
-<h2 id="KernElements">The <span class="element-name">'hkern'</span> and <span class="element-name">'vkern'</span> elements</h2>
-
-<p>The <a>'hkern'</a> and <a>'vkern'</a> elements define kerning
-pairs for horizontally-oriented and vertically-oriented pairs
-of glyphs, respectively.</p>
-
-<p>Kern pairs identify pairs of glyphs within a single font
-whose inter-glyph spacing is adjusted when the pair of glyphs
-are rendered next to each other. In addition to the requirement
-that the pair of glyphs are from the same font, SVG font
-kerning happens only when the two glyphs correspond to
-characters which have the same values for properties <a>'font-family'</a>,
-<a>'font-size'</a>, <a>'font-style'</a>, <a>'font-weight'</a>,
-<a>'font-variant'</a>, <a>'font-stretch'</a>, <a>'font-size-adjust'</a>
-and <a>'font property'</a>.</p>
-
-<p>An example of a kerning pair are the letters "Va", where the
-typographic result might look better if the letters "V" and the
-"a" were rendered slightly closer together.</p>
-
-<p>Right-to-left and bidirectional text in SVG is laid out in a
-two-step process, which is described in <a
-href="text.html#RelationshipWithBiDirectionality">Relationship
-with bidirectionality</a>. If SVG fonts are used, before
-kerning is applied, characters are re-ordered into
-left-to-right (or top-to-bottom, for vertical text) visual
-rendering order. Kerning from SVG fonts is then applied on
-pairs of glyphs which are rendered contiguously. The first
-glyph in the kerning pair is the left (or top) glyph in visual
-rendering order. The second glyph in the kerning pair is the
-right (or bottom) glyph in the pair.</p>
-
-<p>For convenience to font designers and to minimize file
-sizes, a single <a>'hkern'</a> and
-<a>'vkern'</a> can define a single
-kerning adjustment value between one set of glyphs (e.g., a
-range of Unicode characters) and another set of glyphs (e.g.,
-another range of Unicode characters).</p>
-
-<p id="HKernElement">The <a>'hkern'</a> element
-defines kerning pairs and adjustment values in the horizontal
-advance value when drawing pairs of glyphs which the two glyphs
-are contiguous and are both rendered horizontally (i.e.,
-side-by-side). The spacing between characters is reduced by the
-kerning adjustment. (Negative kerning adjustments increase the
-spacing between characters.)</p>
-
-<p id="VKernElement">The <a>'vkern'</a> element
-defines kerning pairs and adjustment values in the vertical
-advance value when drawing pairs of glyphs together when
-stacked vertically. The spacing between characters is reduced
-by the kerning adjustment.</p>
-
-<edit:with element='hkern'>
-
-<edit:elementsummary name='hkern'/>
-
-<edit:elementsummary name='vkern'/>
-
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="HKernElementU1Attribute"><span
- class="adef">u1</span> = "<span
- class="attr-value">[<character> | <urange> ] [,
- [<character> | <urange>] ]*</span> "</dt>
- <dd>A sequence (comma-separated) of Unicode characters
- (refer to the description of the <a>'glyph/unicode'</a>
- attribute to the <a>'glyph'</a> element for a
- description of how to express individual Unicode
- characters) and/or ranges of Unicode characters (see
- <a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#unicode-range-desc">description of ranges of Unicode characters in CSS2</a>;
- [<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 4.5) which
- identify a set of possible first glyphs in the kerning
- pair. If a given Unicode character within the set has
- multiple corresponding <a>'glyph'</a> elements (i.e.,
- there are multiple <a>'glyph'</a> elements with the
- same <a>'glyph/unicode'</a> attribute value, but
- different <a>'glyph/glyph-name'</a> values), then all
- such glyphs are included in the set. Comma is the separator
- character; thus, to kern a comma, specify the comma as part
- of a range of Unicode characters or as a glyph name using
- the <a>'g1'</a> attribute. The total set of
- possible first glyphs in the kerning pair is the union of
- glyphs specified by the <a>'u1'</a> and <a>'g1'</a> attributes.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="HKernElementG1Attribute"><span
- class="adef">g1</span> = "<span
- class="attr-value"><author-ident> [, <author-ident> ]*</span>
- "</dt>
- <dd>A sequence (comma-separated) of glyph names (i.e.,
- values that match <a>'glyph/glyph-name'</a> attributes
- on <a>'glyph'</a> elements) which
- identify a set of possible first glyphs in the kerning
- pair. All glyphs with the given glyph name are included in
- the set. The total set of possible first glyphs in the
- kerning pair is the union of glyphs specified by the
- <a>'u1'</a> and <a>'g1'</a> attributes.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="HKernElementU2Attribute"><span
- class="adef">u2</span> = "<span
- class="attr-value">[<character> | <urange>] [,
- [<character> | <urange>] ]*</span> "</dt>
- <dd>Same as the <a>'u1'</a> attribute, except that <a>'u2'</a>
- specifies possible second glyphs in the kerning pair.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="HKernElementG2Attribute"><span
- class="adef">g2</span> = "<span
- class="attr-value"><author-ident> [, <author-ident> ]*</span>
- "</dt>
- <dd>Same as the <a>'g1'</a> attribute, except that <a>'g2'</a>
- specifies possible second
- glyphs in the kerning pair.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="HKernElementKAttribute"><span
- class="adef">k</span> = "<span
- class="attr-value"><number></span>"</dt>
- <dd>The amount to decrease the spacing between the two
- glyphs in the kerning pair. The value is in the font
- coordinate system. This attribute is required.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- </dl>
- </div>
-
-<p>At least one each of <a>'u1'</a> or <a>'g1'</a> and at least one
-of <a>'u2'</a> or <a>'g2'</a> must be provided.</p>
-
-</edit:with>
-
-
-<h2 id="DOMInterfaces">DOM interfaces</h2>
-
-<h3 id="InterfaceSVGFontElement">Interface SVGFontElement</h3>
-
-
-<edit:with element='font'>
-
-<p>The <a>SVGFontElement</a> interface corresponds to the
-<a>'font element'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'font element'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGFontElement</b> : <a>SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-<h3 id="InterfaceSVGGlyphElement">Interface SVGGlyphElement</h3>
-
-
-<edit:with element='glyph'>
-
-<p>The <a>SVGGlyphElement</a> interface corresponds to the
-<a>'glyph'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'glyph'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGGlyphElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-<h3 id="InterfaceSVGMissingGlyphElement">Interface SVGMissingGlyphElement</h3>
-
-
-<edit:with element='missing-glyph'>
-
-<p>The <a>SVGMissingGlyphElement</a> interface corresponds to the
-<a>'missing-glyph'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'missing-glyph'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGMissingGlyphElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-<h3 id="InterfaceSVGHKernElement">Interface SVGHKernElement</h3>
-
-
-<edit:with element='hkern'>
-
-<p>The <a>SVGHKernElement</a> interface corresponds to the
-<a>'hkern'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'hkern'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGHKernElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-
-<h3 id="InterfaceSVGVKernElement">Interface SVGVKernElement</h3>
-
-
-<edit:with element='vkern'>
-
-<p>The <a>SVGVKernElement</a> interface corresponds to the
-<a>'vkern'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'vkern'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGVKernElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-<h3 id="InterfaceSVGFontFaceElement">Interface SVGFontFaceElement</h3>
-
-
-<edit:with element='font-face'>
-
-<p>The <a>SVGFontFaceElement</a> interface corresponds to the
-<a>'font-face'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'font-face'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGFontFaceElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-<h3 id="InterfaceSVGFontFaceSrcElement">Interface SVGFontFaceSrcElement</h3>
-
-
-<edit:with element='font-face-src'>
-
-<p>The <a>SVGFontFaceSrcElement</a> interface corresponds to the
-<a>'font-face-src'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'font-face-src'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGFontFaceSrcElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-
-<h3 id="InterfaceSVGFontFaceUriElement">Interface SVGFontFaceUriElement</h3>
-
-
-<edit:with element='font-face-uri'>
-
-<p>The <a>SVGFontFaceUriElement</a> interface corresponds to the
-<a>'font-face-uri'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'font-face-uri'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGFontFaceUriElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-
-<h3 id="InterfaceSVGFontFaceFormatElement">Interface SVGFontFaceFormatElement</h3>
-
-
-<edit:with element='font-face-format'>
-
-<p>The <a>SVGFontFaceFormatElement</a> interface corresponds to the
-<a>'font-face-format'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'font-face-format'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGFontFaceFormatElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-<h3 id="InterfaceSVGFontFaceNameElement">Interface SVGFontFaceNameElement</h3>
-
-
-<edit:with element='font-face-name'>
-
-<p>The <a>SVGFontFaceNameElement</a> interface corresponds to the
-<a>'font-face-name'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'font-face-name'</a> element
-via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGFontFaceNameElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
-};</pre>
-
-</edit:with>
-
-</body>
-</html>
diff --git a/master/idlindex.html b/master/idlindex.html
--- a/master/idlindex.html
+++ b/master/idlindex.html
@@ -48,47 +48,38 @@
<li><a>SVGColorProfileRule</a></li>
<li><a>SVGCursorElement</a></li>
<li><a>SVGDefsElement</a></li>
<li><a>SVGDescElement</a></li>
<li><a>SVGDocument</a></li>
<li><a>SVGElement</a></li>
<li><a>SVGEllipseElement</a></li>
<li><a>SVGFitToViewBox</a></li>
- <li><a>SVGFontElement</a></li>
- <li><a>SVGFontFaceElement</a></li>
- <li><a>SVGFontFaceFormatElement</a></li>
- <li><a>SVGFontFaceNameElement</a></li>
- <li><a>SVGFontFaceSrcElement</a></li>
- <li><a>SVGFontFaceUriElement</a></li>
<li><a>SVGForeignObjectElement</a></li>
<li><a>SVGGElement</a></li>
<li><a>SVGGeometryElement</a></li>
- <li><a>SVGGlyphElement</a></li>
<li><a>SVGGlyphRefElement</a></li>
<li><a>SVGGradientElement</a></li>
<li><a>SVGGraphicsElement</a></li>
- <li><a>SVGHKernElement</a></li>
<li><a>SVGImageElement</a></li>
<li><a>SVGLength</a></li>
<li><a>SVGLengthList</a></li>
<li><a>SVGLineElement</a></li>
<li><a>SVGLinearGradientElement</a></li>
<li><a>SVGMPathElement</a></li>
<li><a>SVGMarkableElement</a></li>
<li><a>SVGMarkerElement</a></li>
<li><a>SVGMarkerInstance</a></li>
<li><a>SVGMarkerList</a></li>
<li><a>SVGMaskElement</a></li>
<li><a>SVGMatrix</a></li>
<li><a>SVGMeshGradientElement</a></li>
<li><a>SVGMeshPatchElement</a></li>
<li><a>SVGMeshRowElement</a></li>
<li><a>SVGMetadataElement</a></li>
- <li><a>SVGMissingGlyphElement</a></li>
<li><a>SVGNumber</a></li>
<li><a>SVGNumberList</a></li>
<li><a>SVGPathElement</a></li>
<li><a>SVGPathSeg</a></li>
<li><a>SVGPathSegArcAbs</a></li>
<li><a>SVGPathSegArcRel</a></li>
<li><a>SVGPathSegClosePath</a></li>
<li><a>SVGPathSegCurvetoCubicAbs</a></li>
@@ -135,17 +126,16 @@
<li><a>SVGTextPathElement</a></li>
<li><a>SVGTextPositioningElement</a></li>
<li><a>SVGTitleElement</a></li>
<li><a>SVGTransform</a></li>
<li><a>SVGTransformList</a></li>
<li><a>SVGURIReference</a></li>
<li><a>SVGUnitTypes</a></li>
<li><a>SVGUseElement</a></li>
- <li><a>SVGVKernElement</a></li>
<li><a>SVGViewElement</a></li>
<li><a>SVGViewSpec</a></li>
<li><a>SVGZoomAndPan</a></li>
<li><a>SVGZoomEvent</a></li>
<li><a>TimeEvent</a></li>
</ul>
</body>
diff --git a/master/images/coords/Nested.svg b/master/images/coords/Nested.svg
--- a/master/images/coords/Nested.svg
+++ b/master/images/coords/Nested.svg
@@ -1,10 +1,10 @@
<?xml version="1.0" standalone="no"?>
-<svg width="400px" height="150px" version="1.1"
+<svg width="400px" height="150px"
xmlns="http://www.w3.org/2000/svg">
<desc>Example Nested - Nested transformations</desc>
<g fill="none" stroke="black" stroke-width="3" >
<!-- Draw the axes of the original coordinate system -->
<line x1="0" y1="1.5" x2="400" y2="1.5" />
<line x1="1.5" y1="0" x2="1.5" y2="150" />
</g>
<!-- First, a translate -->
diff --git a/master/images/coords/NewCoordSys.svg b/master/images/coords/NewCoordSys.svg
--- a/master/images/coords/NewCoordSys.svg
+++ b/master/images/coords/NewCoordSys.svg
@@ -1,11 +1,11 @@
<?xml version="1.0" standalone="no"?>
<svg width="400px" height="150px"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<desc>Example NewCoordSys - New user coordinate system</desc>
<g fill="none" stroke="black" stroke-width="3" >
<!-- Draw the axes of the original coordinate system -->
<line x1="0" y1="1.5" x2="400" y2="1.5" />
<line x1="1.5" y1="0" x2="1.5" y2="150" />
</g>
<g>
<text x="30" y="30" font-size="20" font-family="Verdana" >
diff --git a/master/images/coords/OrigCoordSys.svg b/master/images/coords/OrigCoordSys.svg
--- a/master/images/coords/OrigCoordSys.svg
+++ b/master/images/coords/OrigCoordSys.svg
@@ -1,11 +1,11 @@
<?xml version="1.0" standalone="no"?>
<svg width="400px" height="150px"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<desc>Example OrigCoordSys - Simple transformations: original picture</desc>
<g fill="none" stroke="black" stroke-width="3" >
<!-- Draw the axes of the original coordinate system -->
<line x1="0" y1="1.5" x2="400" y2="1.5" />
<line x1="1.5" y1="0" x2="1.5" y2="150" />
</g>
<g>
<text x="30" y="30" font-size="20" font-family="Verdana" >
diff --git a/master/images/coords/PreserveAspectRatio.svg b/master/images/coords/PreserveAspectRatio.svg
--- a/master/images/coords/PreserveAspectRatio.svg
+++ b/master/images/coords/PreserveAspectRatio.svg
@@ -10,17 +10,17 @@
</g>
">
<!ENTITY Viewport1 "<rect x='.5' y='.5' width='49' height='29'
fill='none' stroke='blue'/>">
<!ENTITY Viewport2 "<rect x='.5' y='.5' width='29' height='59'
fill='none' stroke='blue'/>">
]>
-<svg width="450px" height="300px" version="1.1"
+<svg width="450px" height="300px"
xmlns="http://www.w3.org/2000/svg">
<desc>Example PreserveAspectRatio - illustrates preserveAspectRatio attribute</desc>
<rect x="1" y="1" width="448" height="298"
fill="none" stroke="blue"/>
<g font-size="9">
<text x="10" y="30">SVG to fit</text>
<g transform="translate(20,40)">&Smile;</g>
<text x="10" y="110">Viewport 1</text>
diff --git a/master/images/coords/RotateScale.svg b/master/images/coords/RotateScale.svg
--- a/master/images/coords/RotateScale.svg
+++ b/master/images/coords/RotateScale.svg
@@ -1,10 +1,10 @@
<?xml version="1.0" standalone="no"?>
-<svg width="400px" height="120px" version="1.1"
+<svg width="400px" height="120px"
xmlns="http://www.w3.org/2000/svg">
<desc>Example RotateScale - Rotate and scale transforms</desc>
<g fill="none" stroke="black" stroke-width="3" >
<!-- Draw the axes of the original coordinate system -->
<line x1="0" y1="1.5" x2="400" y2="1.5" />
<line x1="1.5" y1="0" x2="1.5" y2="120" />
</g>
<!-- Establish a new coordinate system whose origin is at (50,30)
diff --git a/master/images/coords/Skew.svg b/master/images/coords/Skew.svg
--- a/master/images/coords/Skew.svg
+++ b/master/images/coords/Skew.svg
@@ -1,10 +1,10 @@
<?xml version="1.0" standalone="no"?>
-<svg width="400px" height="120px" version="1.1"
+<svg width="400px" height="120px"
xmlns="http://www.w3.org/2000/svg">
<desc>Example Skew - Show effects of skewX and skewY</desc>
<g fill="none" stroke="black" stroke-width="3" >
<!-- Draw the axes of the original coordinate system -->
<line x1="0" y1="1.5" x2="400" y2="1.5" />
<line x1="1.5" y1="0" x2="1.5" y2="120" />
</g>
<!-- Establish a new coordinate system whose origin is at (30,30)
diff --git a/master/images/coords/Units.svg b/master/images/coords/Units.svg
--- a/master/images/coords/Units.svg
+++ b/master/images/coords/Units.svg
@@ -1,11 +1,11 @@
<?xml version="1.0" standalone="no"?>
<svg width="400px" height="200px" viewBox="0 0 4000 2000"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<title>Example Units</title>
<desc>Illustrates various units options</desc>
<!-- Frame the picture -->
<rect x="5" y="5" width="3990" height="1990"
fill="none" stroke="blue" stroke-width="10"/>
<g fill="blue" stroke="red" font-family="Verdana" font-size="150">
diff --git a/master/images/coords/ViewBox-Width150.svg b/master/images/coords/ViewBox-Width150.svg
--- a/master/images/coords/ViewBox-Width150.svg
+++ b/master/images/coords/ViewBox-Width150.svg
@@ -1,12 +1,12 @@
<?xml version="1.0" standalone="no"?>
<svg width="150px" height="200px"
viewBox="0 0 1500 1000" preserveAspectRatio="none"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<desc>Example ViewBox - uses the viewBox
attribute to automatically create an initial user coordinate
system which causes the graphic to scale to fit into the
viewport no matter what size the viewport is.</desc>
<!-- This rectangle goes from (0,0) to (1500,1000) in user space.
Because of the viewBox attribute above,
the rectangle will end up filling the entire area
diff --git a/master/images/coords/ViewBox.svg b/master/images/coords/ViewBox.svg
--- a/master/images/coords/ViewBox.svg
+++ b/master/images/coords/ViewBox.svg
@@ -1,12 +1,12 @@
<?xml version="1.0" standalone="no"?>
<svg width="300px" height="200px"
viewBox="0 0 1500 1000" preserveAspectRatio="none"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<desc>Example ViewBox - uses the viewBox
attribute to automatically create an initial user coordinate
system which causes the graphic to scale to fit into the
viewport no matter what size the viewport is.</desc>
<!-- This rectangle goes from (0,0) to (1500,1000) in user space.
Because of the viewBox attribute above,
the rectangle will end up filling the entire area
diff --git a/master/images/coords/geocoord1.svg b/master/images/coords/geocoord1.svg
--- a/master/images/coords/geocoord1.svg
+++ b/master/images/coords/geocoord1.svg
@@ -1,10 +1,10 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+<svg xmlns="http://www.w3.org/2000/svg"
width="100" height="100" viewBox="0 0 1000 1000">
<desc>An example that references coordinate data.</desc>
<metadata>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:crs="http://www.ogc.org/crs"
xmlns:svg="http://www.w3.org/2000/svg">
diff --git a/master/images/coords/geocoord2.svg b/master/images/coords/geocoord2.svg
--- a/master/images/coords/geocoord2.svg
+++ b/master/images/coords/geocoord2.svg
@@ -1,10 +1,10 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+<svg xmlns="http://www.w3.org/2000/svg"
width="100" height="100" viewBox="0 0 1000 1000">
<desc>Example using a well known coordinate system.</desc>
<metadata>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:crs="http://www.ogc.org/crs"
xmlns:svg="http://www.w3.org/2000/svg">
diff --git a/master/images/coords/geocoord3.svg b/master/images/coords/geocoord3.svg
--- a/master/images/coords/geocoord3.svg
+++ b/master/images/coords/geocoord3.svg
@@ -1,10 +1,10 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+<svg xmlns="http://www.w3.org/2000/svg"
width="100" height="100" viewBox="0 0 1000 1000">
<desc>Coordinate metadata defined within the SVG document</desc>
<metadata>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:crs="http://www.ogc.org/crs"
xmlns:svg="http://www.w3.org/2000/svg">
diff --git a/master/images/painting/non-scaling-stroke.svg b/master/images/painting/non-scaling-stroke.svg
--- a/master/images/painting/non-scaling-stroke.svg
+++ b/master/images/painting/non-scaling-stroke.svg
@@ -1,10 +1,10 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
+<svg xmlns="http://www.w3.org/2000/svg"
width="6cm" height="4cm" viewBox="0 0 600 400"
viewport-fill="rgb(255,150,200)">
<desc>Example non-scaling stroke</desc>
<rect x="1" y="1" width="598" height="398" fill="none" stroke="black"/>
<g transform="scale(9,1)">
<line stroke="black" stroke-width="5" x1="10" y1="50" x2="10" y2="350"/>
diff --git a/master/images/pservers/gradient_vector_and_normal_alt.svg b/master/images/pservers/gradient_vector_and_normal_alt.svg
--- a/master/images/pservers/gradient_vector_and_normal_alt.svg
+++ b/master/images/pservers/gradient_vector_and_normal_alt.svg
@@ -1,15 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
- version="1.1"
width="600"
height="300">
<defs>
<marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend"
diff --git a/master/images/pservers/radgrad01.svg b/master/images/pservers/radgrad01.svg
--- a/master/images/pservers/radgrad01.svg
+++ b/master/images/pservers/radgrad01.svg
@@ -1,11 +1,10 @@
<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"
- version="1.1"
viewBox="0 0 300 200" >
<title>Example radgrad01</title>
<desc>Fill a rectangle by referencing a radial gradient paint server.</desc>
<defs>
<radialGradient id="MyGradient"
gradientUnits="userSpaceOnUse"
cx="150" cy="100"
diff --git a/master/images/struct/Use04.svg b/master/images/struct/Use04.svg
--- a/master/images/struct/Use04.svg
+++ b/master/images/struct/Use04.svg
@@ -1,10 +1,10 @@
<?xml version="1.0" standalone="no"?>
-<svg width="12cm" height="3cm" viewBox="0 0 1200 300" version="1.1"
+<svg width="12cm" height="3cm" viewBox="0 0 1200 300"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>Example Use04 - 'use' with CSS styling</desc>
<defs style=" /* rule 9 */ stroke-miterlimit: 10" >
<path id="MyPath" d="M300 50 L900 50 L900 250 L300 250"
class="MyPathClass"
style=" /* rule 10 */ stroke-dasharray:300,100" />
</defs>
<style type="text/css">
diff --git a/master/images/styling/ExternalCSSStyleSheet.svg b/master/images/styling/ExternalCSSStyleSheet.svg
--- a/master/images/styling/ExternalCSSStyleSheet.svg
+++ b/master/images/styling/ExternalCSSStyleSheet.svg
@@ -1,6 +1,6 @@
<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="mystyle.css" type="text/css"?>
<svg width="10cm" height="5cm" viewBox="0 0 1000 500"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<rect x="200" y="100" width="600" height="300"/>
</svg>
diff --git a/master/images/styling/InternalCSSStyleSheet.svg b/master/images/styling/InternalCSSStyleSheet.svg
--- a/master/images/styling/InternalCSSStyleSheet.svg
+++ b/master/images/styling/InternalCSSStyleSheet.svg
@@ -1,10 +1,10 @@
<?xml version="1.0" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+<svg xmlns="http://www.w3.org/2000/svg"
width="10cm" height="5cm" viewBox="0 0 1000 500">
<defs>
<style type="text/css"><![CDATA[
rect {
fill: red;
stroke: blue;
stroke-width: 3
}
diff --git a/master/images/styling/PresentationAttributes.svg b/master/images/styling/PresentationAttributes.svg
--- a/master/images/styling/PresentationAttributes.svg
+++ b/master/images/styling/PresentationAttributes.svg
@@ -1,6 +1,6 @@
<?xml version="1.0" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+<svg xmlns="http://www.w3.org/2000/svg"
width="10cm" height="5cm" viewBox="0 0 1000 500">
<rect x="200" y="100" width="600" height="300"
fill="red" stroke="blue" stroke-width="3"/>
</svg>
diff --git a/master/images/styling/StyleAttribute.svg b/master/images/styling/StyleAttribute.svg
--- a/master/images/styling/StyleAttribute.svg
+++ b/master/images/styling/StyleAttribute.svg
@@ -1,6 +1,6 @@
<?xml version="1.0" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+<svg xmlns="http://www.w3.org/2000/svg"
width="10cm" height="5cm" viewBox="0 0 1000 500">
<rect x="200" y="100" width="600" height="300"
style="fill: red; stroke: blue; stroke-width: 3"/>
</svg>
diff --git a/master/linking.html b/master/linking.html
--- a/master/linking.html
+++ b/master/linking.html
@@ -163,17 +163,17 @@ agents.)</p>
themselves are treated as invalid circular references.</li>
</ul>
<p>The following list describes the elements and properties that allow IRI
references and the valid target types for those references:</p>
<ul>
<li>the <a>'a'</a> element can reference any local or non-local resource</li>
- <li>the <a>'altGlyph'</a> element must reference either an <a>'altGlyphDef'</a> element or a <a>'glyph'</a> element</li>
+ <li>the <a>'altGlyph'</a> element must reference an <a>'altGlyphDef'</a> element</li>
<li>the <a>'animate'</a> element (see <a href="animate.html#TargetElement">Identifying the target element for an animation</a> for reference rules)</li>
<li>the <a>'animateMotion'</a> element (see <a href="animate.html#TargetElement">Identifying the target element for an animation</a> for reference rules)</li>
<li>the <a>'animateTransform'</a> element (see <a href="animate.html#TargetElement">Identifying the target element for an animation</a> for reference rules)</li>
<li>the <a>'clip-path'</a> property must reference a <a>'clipPath'</a> element</li>
<li>the <a href="color.html#ColorProfileSrcProperty">'src'</a> descriptor on an @color-profile definition must reference an ICC profile resource</li>
<li>the <a>'cursor element'</a> element must reference a resource that can provide an image for the cursor graphic</li>
<li>the <a>'cursor property'</a> property must reference a resource that can provide an image for the cursor graphic</li>
<li>the <a>'feImage'</a> element must reference any local or non-local resource</li>
diff --git a/master/masking.html b/master/masking.html
--- a/master/masking.html
+++ b/master/masking.html
@@ -126,64 +126,73 @@ with a link to <a href="http://www.w3.or
same meaning <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visufx.html#propdef-overflow">as defined in CSS 2.1</a>
([<a href="refs.html#ref-CSS21">CSS21</a>], section 11.1.1);
however, the following additional points apply:</p>
<p class="issue">We need to define how 'overflow-x' and 'overflow-y' are
going to work in the furture. Sadly, these properties belong to CSS3-box.</p>
<ul>
- <li>The <a>'overflow'</a> property applies to
- <a href="coords.html#ElementsThatEstablishViewports">elements that establish new viewports</a>
- (e.g., <a>'svg'</a> elements), <a>'pattern'</a> elements and <a>'marker element'</a>
- elements. For all other elements, the property has no effect (i.e., a clipping
- rectangle is not created).</li>
-
<li>For those elements to which the <a>'overflow'</a> property can apply, if
the <a>'overflow'</a> property has the value <span class='prop-value'>hidden</span> or <span class='prop-value'>scroll</span>,
the effect is that a new clipping path in the shape of a rectangle is created.
The result is equivalent to defining a <a>'clipPath'</a> element whose
content is a <a>'rect'</a> element which defines the equivalent rectangle,
and then specifying the <uri> of this <a>'clipPath'</a> element on the
- <a>'clip-path'</a> property for the given element.</li>
+ <a>'clip-path'</a> property for the given element.
+ </li>
+
+ <li>
+ When <span class='prop-value'>scroll</span> is specified on an
+ <a>'svg'</a> element and if the user agent uses a scrolling mechanism that
+ is visible on the screen (such as a scroll bar or a panner), that mechanism should
+ be displayed for the viewport whether or not any of its content is clipped.
+ </li>
<li>If the <a>'overflow'</a> property has a value other than
<span class='prop-value'>hidden</span> or <span class='prop-value'>scroll</span>,
- the property has no effect (i.e., a clipping rectangle is not created).</li>
+ the property has no effect (i.e., a clipping rectangle is not created).
+ </li>
<li>Within SVG content, the value <span class='prop-value'>auto</span> is
- equivalent to the value <span class='prop-value'>visible</span>.</li>
+ equivalent to the value <span class='prop-value'>visible</span>.
+ <p class="issue"><a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visufx.html#propdef-overflow">CSS implies</a> that 'auto' should be clipped rather
+ than visible, do we want to follow that or not?</p>
+ </li>
<li>When an <a>outermost svg element</a> is embedded inline within a
parent XML grammar which uses <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html">CSS layout</a>
([<a href="refs.html#ref-CSS21">CSS21</a>], chapter 9)
or <a href="http://www.w3.org/TR/2006/REC-xsl11-20061205/">XSL formatting</a>
[<a href="refs.html#ref-XSL">XSL</a>], if the
<a>'overflow'</a> property has the value <span class='prop-value'>hidden</span>
or <span class='prop-value'>scroll</span>, then the user agent will
establish an initial clipping path equal to the bounds of the initial
<a href="coords.html#SVGViewport">viewport</a>; otherwise, the initial
clipping path is set according to the <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visufx.html#overflow">clipping rules as defined in CSS 2.1</a>
([<a href="refs.html#ref-CSS21">CSS21</a>], section 11.1.1).</li>
- <li>When an <a>outermost svg element</a> is stand-alone or embedded
+ <li>When an <a>outermost svg element</a> is standalone or embedded
inline within a parent XML grammar which does not use CSS layout
or XSL formatting, the
<a>'overflow'</a> property on the <a>outermost svg element</a> is ignored
for the purposes of visual rendering and the initial clipping path is set to
- the bounds of the initial <a href="coords.html#SVGViewport">viewport</a>.</li>
+ the bounds of the initial <a href="coords.html#SVGViewport">viewport</a>.
+ Note that the value <span class='prop-value'>hidden</span> still means that
+ no scrolling user interface should be provided.
+ </li>
<li>The initial value for <a>'overflow'</a> as defined
in [<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visufx.html#overflow">CSS21-overflow</a>]
is 'visible', and this applies also to the <a>rootmost 'svg' element</a>; however,
for child elements of an SVG document, SVG's <a href="styling.html#UAStyleSheet">user agent style sheet</a>
overrides this initial value and sets the <a>'overflow'</a> property on
<a href="coords.html#ElementsThatEstablishViewports">elements that establish new viewports</a>
(e.g., <a>'svg'</a> elements), <a>'pattern'</a> elements and
- <a>'marker element'</a> elements to the value 'hidden'.</li>
+ <a>'marker element'</a> elements to the value <span class="prop-value">hidden</span>.</li>
</ul>
<p>As a result of the above, the default behavior of SVG user agents is to
establish a clipping path to the bounds of the initial
<a href="coords.html#SVGViewport">viewport</a> and to establish a new clipping
path for each <a href="coords.html#ElementsThatEstablishViewports">element which
establishes a new viewport</a> and each <a>'pattern'</a> and
<a>'marker element'</a> element.</p>
diff --git a/master/metadata.html b/master/metadata.html
--- a/master/metadata.html
+++ b/master/metadata.html
@@ -94,17 +94,17 @@ elements for processing it should choose
<p>Here is an example of how metadata can be included in an SVG
document. The example uses the Dublin Core version 1.1 schema.
(Other XML-compatible metadata languages, including ones not
based on RDF, can be used also.)</p>
<pre><![CDATA[
<?xml version="1.0" standalone="yes"?>
-<svg width="4in" height="3in" version="1.1"
+<svg width="4in" height="3in"
xmlns = 'http://www.w3.org/2000/svg'>
<desc xmlns:myfoo="http://example.org/myfoo">
<myfoo:title>This is a financial report</myfoo:title>
<myfoo:descr>The global description uses markup from the
<myfoo:emph>myfoo</myfoo:emph> namespace.</myfoo:descr>
<myfoo:scene><myfoo:what>widget $growth</myfoo:what>
<myfoo:contains>$three $graph-bar</myfoo:contains>
<myfoo:when>1998 $through 2000</myfoo:when> </myfoo:scene>
diff --git a/master/painting.html b/master/painting.html
--- a/master/painting.html
+++ b/master/painting.html
@@ -3377,17 +3377,17 @@ because they are part of the formal docu
cannot be applied to the (conceptually) cloned DOM tree because its
contents are not part of the formal document structure.</p>
<p>For illustrative purposes, we'll repeat the marker example shown earlier:</p>
<pre>
<?xml version="1.0" standalone="no"?>
<svg width="4in" height="2in"
- viewBox="0 0 4000 2000" version="1.1"
+ viewBox="0 0 4000 2000"
xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="Triangle"
viewBox="0 0 10 10" refX="0" refY="5"
markerUnits="strokeWidth"
markerWidth="4" markerHeight="3"
orient="auto">
<path d="M 0 0 L 10 5 L 0 10 z" />
@@ -3404,17 +3404,17 @@ contents are not part of the formal docu
</pre>
<p>The rendering effect of the above file will be visually identical to
the following:</p>
<pre>
<?xml version="1.0" standalone="no"?>
<svg width="4in" height="2in"
- viewBox="0 0 4000 2000" version="1.1"
+ viewBox="0 0 4000 2000"
xmlns="http://www.w3.org/2000/svg">
<desc>File which produces the same effect
as the marker example file, but without
using markers.
</desc>
<rect x="10" y="10" width="3980" height="1980"
fill="none" stroke="blue" stroke-width="10" />
<!-- The path draws as before, but without the marker properties -->
diff --git a/master/paths.html b/master/paths.html
--- a/master/paths.html
+++ b/master/paths.html
@@ -46,17 +46,17 @@ shape by drawing a line to the last <em>
Compound paths (i.e., a path with multiple subpaths) are
possible to allow effects such as "donut holes" in objects.</p>
<p>This chapter describes the syntax, behavior and DOM
interfaces for SVG paths. Various implementation notes for SVG
paths can be found in <a
href="implnote.html#PathElementImplementationNotes"><span
class="element-name">'path'</span> element implementation
-notes</a> and <a
+Notes</a> and <a
href="implnote.html#ArcImplementationNotes">Elliptical arc
implementation notes</a>.</p>
<p>A path is defined in SVG using the <a>'path'</a> element.</p>
<p>The <a>basic shapes</a> are all described in terms of what their
<dfn id="TermEquivalentPath">equivalent path</dfn> is, which is
what their shape is as a path. (The equivalent path of a
@@ -91,16 +91,18 @@ what their shape is as a path. (The equ
specified and the list of path data commands is not the
same, then the animation specification is in error (see
<a href="implnote.html#ErrorProcessing">Error Processing</a>).
The animation engine interpolates each parameter to each
path data command separately based on the attributes to the
given animation element. Flags and booleans are
interpolated as fractions between zero and one, with any
non-zero value considered to be a value of one/true.</p>
+ <p class="ready-for-wg-review">The lacuna value, (none) indicates
+ that the path element is valid but does not render.</p>
<p class="issue">The Value in the table above should be a link to a datatype for path data.</p>
</dd>
<dt>
<table class="propdef attrdef">
<tr>
<th>Name</th>
<th>Value</th>
<th>Lacuna value</th>
@@ -176,16 +178,17 @@ what their shape is as a path. (The equ
<h3 id="PathDataGeneralInformation">General information about path data</h3>
<p>A path is defined by including a <a>'path'</a>
element which contains a <span class='attr-value'>d="(path data)"</span>
attribute, where the <a>'d'</a> attribute contains the
<em>moveto</em>, <em>bearing</em>, <em>lineto</em>, <em>curveto</em> (both cubic and
quadratic Béziers), <em>arc</em> and <em>closepath</em>
instructions.</p>
+
<p><span class="example-ref">Example triangle01</span>
specifies a path in the shape of a triangle. (The
<strong>M</strong> indicates a <em>moveto</em>, the
<strong>L</strong>s indicate <em>lineto</em>s, and the
<strong>z</strong> indicates a <em>closepath</em>).</p>
<edit:example href='images/paths/triangle01.svg' link='yes' image='yes' name='triangle01' description="simple example of a 'path'"/>
@@ -1017,16 +1020,21 @@ the "moveto" consumes the characters "0.
encountering the second decimal point because the production of
a "coordinate" only allows one decimal point. The result is
that the first coordinate will be "0.6" and the second
coordinate will be ".5".</p>
<p>Note that the BNF allows the path <a>'d'</a> attribute to be empty. This is not
an error, instead it disables rendering of the path.</p>
+<p class="ready-for-wg-review">
+If path data not matching the grammar is encountered, then the path data is in error
+(see <a href="implnote.html#ErrorProcessing">Error Processing</a>).
+</p>
+
<h2 id="DistanceAlongAPath">Distance along a path</h2>
<p>Various operations, including <a
href="text.html#TextLayoutPath">text on a path</a> and <a
href="animate.html#AnimateMotionElement">motion animation</a>
and various <a href="painting.html#StrokeProperties">stroke
operations</a>, require that the user agent compute the
distance along the geometry of a graphics element, such as a <a>'path'</a>.</p>
diff --git a/master/publish.xml b/master/publish.xml
--- a/master/publish.xml
+++ b/master/publish.xml
@@ -60,17 +60,16 @@
<chapter name='color'/>
<chapter name='pservers'/>
<chapter name='masking'/>
<chapter name='filters'/>
<chapter name='interact'/>
<chapter name='linking'/>
<chapter name='script'/>
<chapter name='animate'/>
- <chapter name='fonts'/>
<chapter name='metadata'/>
<chapter name='backward'/>
<chapter name='extend'/>
<appendix name='svgdom'/>
<appendix name='idl'/>
<appendix name='implnote'/>
<appendix name='conform'/>
<appendix name='access'/>
diff --git a/master/script.html b/master/script.html
--- a/master/script.html
+++ b/master/script.html
@@ -74,17 +74,17 @@ the result after clicking on the circle.
<p id="ScriptElementExecution">Before attempting to execute the <a>'script'</a>
element the resolved media type value for <a>'script/type'</a> must be inspected.
If the <a>SVG user agent</a> does not support the scripting language then the
<a>'script'</a> element must not be executed.</p>
<pre class="xml"><![CDATA[
<?xml version="1.0" standalone="no"?>
<svg width="6cm" height="5cm" viewBox="0 0 600 500"
- xmlns="http://www.w3.org/2000/svg" version="1.1">
+ xmlns="http://www.w3.org/2000/svg">
<desc>Example script01 - invoke an ECMAScript function from an onclick event
</desc>
<!-- ECMAScript to change the radius with each click -->
<script type="application/ecmascript"> ]]><![CDATA[<![CDATA[
function circle_click(evt) {
var circle = evt.target;
var currentRadius = circle.getAttribute("r");
if (currentRadius == 100)
diff --git a/master/shapes.html b/master/shapes.html
--- a/master/shapes.html
+++ b/master/shapes.html
@@ -527,16 +527,18 @@ shapes.</p>
</table>
</dt>
<dd>
<p>The points that make up the polyline. All coordinate
values are in the user coordinate system.</p>
<p>If an odd number of coordinates is provided, then the element is in
error, with the same user agent behavior as occurs with an incorrectly
specified <a>'path'</a> element.</p>
+ <p class="ready-for-wg-review">The lacuna value, (none), indicates that the polyline element
+ is valid but does not render.</p>
</dd>
</dl>
<p>Mathematically, a <a>'polyline'</a> element can be mapped to an
equivalent <a>'path'</a> element as follows:</p>
<ul>
<li>perform an absolute <a href="paths.html#PathDataMovetoCommands">moveto</a>
@@ -584,16 +586,18 @@ set of connected straight line segments.
</table>
</dt>
<dd>
<p>The points that make up the polygon. All coordinate
values are in the user coordinate system.</p>
<p>If an odd number of coordinates is provided, then the element is in
error, with the same user agent behavior as occurs with an incorrectly
specified <a>'path'</a> element.</p>
+ <p class="ready-for-wg-review">The lacuna value, (none), indicates that the polygon element
+ is valid, but does not render.</p>
</dd>
</dl>
<p>Mathematically, a <a>'polygon'</a> element can be mapped to an
equivalent <a>'path'</a> element as follows:</p>
<ul>
<li>perform an absolute <a href="paths.html#PathDataMovetoCommands">moveto</a>
@@ -670,16 +674,21 @@ digit-sequence:
digit
| digit digit-sequence
digit:
"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"
wsp:
(#x20 | #x9 | #xD | #xA)+
</pre>
+<p class="ready-for-wg-review">
+If data not matching the grammar is encountered, then the points specification is in error
+(see <a href="implnote.html#ErrorProcessing">Error Processing</a>).
+</p>
+
<h2 id="DOMInterfaces">DOM interfaces</h2>
<h3 id="InterfaceSVGRectElement">Interface SVGRectElement</h3>
<edit:with element='rect'>
The <a>SVGRectElement</a> interface corresponds to the <a>'rect'</a>
diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -42,17 +42,17 @@ content embedded inline as a fragment wi
Note the use of XML namespaces to indicate that the <a>'svg'</a> and
<a>'ellipse'</a> elements belong to the SVG namespace:</p>
<pre class='xml'><![CDATA[
<?xml version="1.0" standalone="yes"?>
<parent xmlns="http://example.org"
xmlns:svg="http://www.w3.org/2000/svg">
<!-- parent contents here -->
- <svg:svg width="4cm" height="8cm" version="1.1">
+ <svg:svg width="4cm" height="8cm">
<svg:ellipse cx="2cm" cy="4cm" rx="2cm" ry="1cm" />
</svg:svg>
<!-- ... -->
</parent>
]]></pre>
<p>This example shows a slightly more complex (i.e., it contains
multiple rectangles) stand-alone, self-contained SVG document:</p>
@@ -207,18 +207,16 @@ create SVG fragments.</p>
</tr>
<tr>
<th>Specific attributes:</th>
<td>
<span class="attr-name"><a href="struct.html#SVGElementXAttribute"><span>x</span></a></span>,
<span class="attr-name"><a href="struct.html#SVGElementYAttribute"><span>y</span></a></span>,
<span class="attr-name"><a href="struct.html#SVGElementWidthAttribute"><span>width</span></a></span>,
<span class="attr-name"><a href="struct.html#SVGElementHeightAttribute"><span>height</span></a></span>,
- <span class="attr-name"><a href="struct.html#SVGElementVersionAttribute"><span>version</span></a></span>,
- <span class="attr-name"><a href="struct.html#SVGElementBaseProfileAttribute"><span>baseProfile</span></a></span>,
<span class="attr-name"><a href="struct.html#SVGElementPlaybackOrderAttribute"><span>playbackOrder</span></a></span>,
<span class="attr-name"><a href="struct.html#SVGElementTimelineBeginAttribute"><span>timelineBegin</span></a></span>,
<span class="attr-name"><a href="interact.html#ZoomAndPanAttribute"><span>zoomAndPan</span></a></span>
</td>
</tr>
<tr>
<th>DOM Interface:</th>
<td>
@@ -284,72 +282,16 @@ create SVG fragments.</p>
<table class="propdef attrdef">
<tr>
<th>Name</th>
<th>Value</th>
<th>Lacuna value</th>
<th>Animatable</th>
</tr>
<tr>
- <td><dfn id="SVGElementVersionAttribute">version</dfn></td>
- <td><a><number></a></td>
- <td>(none)</td>
- <td>no</td>
- </tr>
- </table>
- </dt>
- <dd>
- <p>Indicates the SVG language version to which this
- document fragment conforms.</p>
- <p>In <a href='http://www.w3.org/TR/2001/REC-SVG-20010904/'>SVG 1.0</a> [<a href='refs.html#ref-SVG10'>SVG10</a>],
- this attribute was fixed to the value <span class='attr-value'>'1.0'</span>.
- For SVG 1.1, the attribute should have the value
- <span class='attr-value'>'1.1'</span>.</p>
- <p class="issue">What are we doing with the <a>'version'</a>
- attribute? It's not clear whether it is useful to keep.</p>
- </dd>
- <dt>
- <table class="propdef attrdef">
- <tr>
- <th>Name</th>
- <th>Value</th>
- <th>Lacuna value</th>
- <th>Animatable</th>
- </tr>
- <tr>
- <td><dfn id="SVGElementBaseProfileAttribute">baseProfile</dfn></td>
- <td><a><anything></a></td>
- <td>none</td>
- <td>no</td>
- </tr>
- </table>
- </dt>
- <dd>
- <p>Describes the minimum SVG language profile that the
- author believes is necessary to correctly render the
- content. The attribute does not specify any processing
- restrictions; It can be considered metadata. For example,
- the value of the attribute could be used by an authoring
- tool to warn the user when they are modifying the document
- beyond the scope of the specified base profile. Each SVG
- profile should define the text that is appropriate for this
- attribute.</p>
- <p class="issue">It's unlikely SVG 2 will have profiles as
- 1.0 and 1.1 did. Do we keep the attribute in case others
- wish to profile SVG? (Or should we be discouraging that?)</p>
- </dd>
- <dt>
- <table class="propdef attrdef">
- <tr>
- <th>Name</th>
- <th>Value</th>
- <th>Lacuna value</th>
- <th>Animatable</th>
- </tr>
- <tr>
<td><dfn data-dfn-type="element-attr" data-dfn-for="svg" id="SVGElementXAttribute">x</dfn>, <dfn data-dfn-type="element-attr" data-dfn-for="svg" id="SVGElementYAttribute">y</dfn></td>
<td><a><length></a></td>
<td>0</td>
<td>yes</td>
</tr>
</table>
</dt>
<dd>
@@ -363,26 +305,27 @@ create SVG fragments.</p>
<tr>
<th>Name</th>
<th>Value</th>
<th>Lacuna value</th>
<th>Animatable</th>
</tr>
<tr>
<td><dfn data-dfn-type="element-attr" data-dfn-for="svg" id="SVGElementWidthAttribute">width</dfn>, <dfn data-dfn-type="element-attr" data-dfn-for="svg" id="SVGElementHeightAttribute">height</dfn></td>
- <td><a><length></a> | <a><percentage></a></td>
- <td>100%</td>
+ <td>See <a>'width property'</a> and <a>'height property'</a></td>
+ <td>auto</td>
<td>yes</td>
</tr>
</table>
</dt>
<dd>
+ <p class="note">Note that <a>'width'</a> and <a>'height'</a> are presentation attributes.</p>
<p>For <a>outermost svg elements</a>,
- the <a>'width'</a> and <a>'height'</a> attributes specify
- the intrinsice size of the SVG document fragment.
+ the <a>'width property'</a> and <a>'height property'</a> attributes specify
+ the intrinsic size of the SVG document fragment.
For embedded <a>'svg'</a> elements, they specify the size
of the rectangular region into which the <a>'svg'</a> element
is placed.</p>
<p>A negative value is an error (see <a
href="implnote.html#ErrorProcessing">Error processing</a>).
A value of zero disables rendering of the element.</p>
<p class="issue">When zero is used on an outer <a>'svg'</a> element,
does this disable rendering too? Or does it just affect
@@ -581,17 +524,17 @@ several purposes such as animation and r
<edit:example href='images/struct/grouping01.svg' image='no' link='yes'/>
<p>A <a>'g'</a> element can contain other <a>'g'</a> elements nested
within it, to an arbitrary depth. Thus, the following is possible:</p>
<pre class='xml'><![CDATA[
<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"
- version="1.1" width="4in" height="3in">
+ width="4in" height="3in">
<desc>Groups can nest</desc>
<g>
<g>
<g>
</g>
</g>
</g>
</svg>
@@ -970,17 +913,17 @@ the glyph definition).</p>
<p>The following is an example. In typical operation, the SVG user agent would
not render the <a>'desc'</a> and <a>'title'</a> elements but would render the
remaining contents of the <a>'g'</a> element.</p>
<pre><![CDATA[
<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"
- version="1.1" width="4in" height="3in">
+ width="4in" height="3in">
<g>
<title>Company sales by region</title>
<title lang="fr">Chiffre d'affaires par région</title>
<desc>Bar chart which shows company sales by region.</desc>
<desc lang="fr">Graphique illustrant les ventes par région.</desc>
<!-- Bar chart defined as vector data -->
</g>
</svg>
@@ -1775,17 +1718,17 @@ attributes <a>'xml:lang'</a> and <a>'xml
<tr>
<th>Owner:</th>
<td>Chris (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3004">ACTION-3004</a> and
<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3005">ACTION-3005</a>, done)</td>
</tr>
</table>
</div>
-<p class="issue">Should we be moving <span class="attr-name">'lang'</span> instead
+<p class="issue" id="LangAttribute">Should we be moving <span class="attr-name">'lang'</span> instead
of <span class="attr-name">'xlink:lang'</span>?</p>
<dl class="attrdef-list">
<dt>
<table class="propdef attrdef">
<tr>
<th>Name</th>
<th>Value</th>
@@ -2134,26 +2077,16 @@ specifications. [<a href="refs.html#ref-
<td>no restrictions</td>
</tr>
<tr>
<td><a>'g'</a></td>
<td><code title="attr-aria-role-preseentation">presentation</code> role provided no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>
<td>no restrictions</td>
</tr>
<tr>
- <td><a>'glyph'</a></td>
- <td>none</td>
- <td>no role may be applied</td>
- </tr>
- <tr>
- <td><a>'glyphRef'</a></td>
- <td>none</td>
- <td>no role may be applied</td>
- </tr>
- <tr>
<td><a>'hatch'</a></td>
<td>none</td>
<td>no role may be applied</td>
</tr>
<tr>
<td><a>'hatchPath'</a></td>
<td>none</td>
<td>no role may be applied</td>
@@ -2204,21 +2137,16 @@ specifications. [<a href="refs.html#ref-
<td>no role may be applied</td>
</tr>
<tr>
<td><a>'metadata'</a></td>
<td>none</td>
<td>no role may be applied</td>
</tr>
<tr>
- <td><a>'missing-glyph'</a></td>
- <td>none</td>
- <td>no role may be applied</td>
- </tr>
- <tr>
<td><a>'mpath'</a></td>
<td>none</td>
<td>no role may be applied</td>
</tr>
<tr>
<td><a>'path'</a></td>
<td><code title="attr-aria-role-preseentation">presentation</code> role provided no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>
<td>no restrictions</td>
@@ -2495,25 +2423,27 @@ Corresponds to attribute <a>'y'</a> on t
</div>
</dd>
<dt id="__svg__SVGSVGElement__width" class="attribute"><b>width</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a>)</span></dt>
<dd class="attribute">
<div>
Corresponds to attribute <a>'width'</a> on the given <a>'svg'</a>
element.
+<p class="issue">What value should be returned here (since this is now a presentation attribute)?</p>
</div>
</dd>
<dt id="__svg__SVGSVGElement__height" class="attribute"><b>height</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a>)</span></dt>
<dd class="attribute">
<div>
Corresponds to attribute <a>'height'</a> on the given <a>'svg'</a>
element.
+<p class="issue">What value should be returned here (since this is now a presentation attribute)?</p>
</div>
</dd>
<dt id="__svg__SVGSVGElement__viewport" class="attribute"><b>viewport</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGRect">SVGRect</a>)</span></dt>
<dd class="attribute">
<div>
diff --git a/master/styling.html b/master/styling.html
--- a/master/styling.html
+++ b/master/styling.html
@@ -73,16 +73,22 @@ we normative require support for, and wh
<li><a>'direction'</a></li>
<li><a>'letter-spacing'</a></li>
<li><a>'text-decoration'</a></li>
<li><a>'unicode-bidi'</a></li>
<li><a>'word-spacing'</a></li>
</ul>
</li>
<li>
+ Content size properties:
+ <ul>
+ <li><a>'height'</a></li>
+ <li><a>'width'</a></li>
+ </ul>
+ </li> <li>
Other properties for visual media:
<ul>
<li><a>'clip'</a>, only applicable to <a>outermost svg element</a>.</li>
<li><a>'color'</a>, used to provide a potential indirect value
(<span class="prop-value">currentColor</span>) for the
<a>'fill'</a>,
<a>'stroke'</a>,
<a>'stop-color'</a>,
@@ -474,17 +480,17 @@ rectangles to red and blue, respectively
<svg xmlns="http://www.w3.org/2000/svg"
width="10cm" height="5cm">
<rect x="2cm" y="1cm" width="6cm" height="3cm"/>
</svg>
<strong>SVG content after applying mystyle.xsl</strong>
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
- width="10cm" height="5cm" version="1.1">
+ width="10cm" height="5cm">
<rect x="2cm" y="1cm" width="6cm" height="3cm" fill="red" stroke="blue" stroke-width="3"/>
</svg>
</pre>
<h2 id='StylingWithCSS'>Styling with CSS</h2>
<p>SVG implementations that support CSS are required to support
the following:</p>
@@ -512,17 +518,17 @@ rect {
fill: red;
stroke: blue;
stroke-width: 3
}
<strong>SVG file referencing mystyle.css</strong>
<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="mystyle.css" type="text/css"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+<svg xmlns="http://www.w3.org/2000/svg"
width="10cm" height="5cm" viewBox="0 0 1000 500">
<rect x="200" y="100" width="600" height="300"/>
</svg>
</pre>
<p class="view-as-svg"><a
href="images/styling/ExternalCSSStyleSheet.svg">View this
example as SVG (SVG-enabled browsers only)</a><br />
@@ -1050,16 +1056,121 @@ descendants.</p>
or style attributes, or in external style sheets linked with
the style sheet processing instruction) apply across the
entire document, including those parts of it in the SVG
namespace. To get different styling for the SVG part, use the
<a>'style attribute'</a> attribute, or put an <a>'id'</a> on the <a>'svg'</a> element and use
contextual CSS selectors, or use XSL selectors.</dd>
</dl>
+<h2 id="ContentSizeProperties">Content size properties</h2>
+ <p>
+ The content size properties specify the size of a CSS box.
+ </p>
+
+ <table class="propdef">
+ <tr>
+ <th>Name:</th>
+ <td><dfn id="WidthProperty">width</dfn></td>
+ </tr>
+ <tr>
+ <td>Value:</td>
+ <td><a><percentage></a> | <a><length></a> | auto</td>
+ </tr>
+ <tr>
+ <td>Initial:</td>
+ <td>auto</td>
+ </tr>
+ <tr>
+ <td>Applies to:</td>
+ <td>all elements but non-replaced inline elements, table rows, and row groups, in SVG: the <a>'foreignObject'</a> and <a>'svg'</a> elements</td>
+ </tr>
+ <tr>
+ <td>Inherited:</td>
+ <td>no</td>
+ </tr>
+ <tr>
+ <td>Percentages:</td>
+ <td>refer to width of containing block</td>
+ </tr>
+ <tr>
+ <td>Media:</td>
+ <td>visual</td>
+ </tr>
+ <tr>
+ <th>Computed value:</th>
+ <td>the percentage or 'auto' as specified or the absolute length</td>
+ </tr>
+ <tr>
+ <th><a>Animatable</a>:</th>
+ <td>yes</td>
+ </tr>
+ </table>
+
+ <p class="note">
+ Except for any additional information provided in this
+ specification, the
+ <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#the-width-property">normative
+ definition of the <span class="property-name">'width'</span> property</a> is in CSS 2.1
+ ([<a href="refs.html#ref-CSS21">CSS21</a>], section 10.2).
+ </p>
+
+ <table class="propdef">
+ <tr>
+ <th>Name:</th>
+ <td><dfn id="HeightProperty">height</dfn></td>
+ </tr>
+ <tr>
+ <td>Value:</td>
+ <td><a><percentage></a> | <a><length></a> | auto</td>
+ </tr>
+ <tr>
+ <td>Initial:</td>
+ <td>auto</td>
+ </tr>
+ <tr>
+ <td>Applies to:</td>
+ <td>all elements but non-replaced inline elements, table columns, and column groups, in SVG: the <a>'foreignObject'</a> and <a>'svg'</a> elements</td>
+ </tr>
+ <tr>
+ <td>Inherited:</td>
+ <td>no</td>
+ </tr>
+ <tr>
+ <td>Percentages:</td>
+ <td><a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#the-height-property">see prose</a></td>
+ </tr>
+ <tr>
+ <td>Media:</td>
+ <td>visual</td>
+ </tr>
+ <tr>
+ <th>Computed value:</th>
+ <td>the percentage or 'auto' (see prose under <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#the-height-property"><percentage></a>) or the absolute length</td>
+ </tr>
+ <tr>
+ <th><a>Animatable</a>:</th>
+ <td>yes</td>
+ </tr>
+ </table>
+
+ <p class="note">
+ Except for any additional information provided in this
+ specification, the
+ <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#the-height-property">normative
+ definition of the <span class="property-name">'height'</span> property</a> is in CSS 2.1
+ ([<a href="refs.html#ref-CSS21">CSS21</a>], section 10.5).
+ </p>
+
+ <p>For backwards compatibility, when the <a>'width'</a> or <a>'height'</a> properties are specified as a presentation attributes, only the
+ values that match the <a><length></a> production shall be mapped to CSS. Any other value must be treated as <a>invalid</a>.
+ </p>
+
+ <p class="issue">Is there a need to define 'auto' in more detail specifically for svg/foreignObject?</p>
+
<p class="issue">As part of unifying HTML's and SVG's
<span class="element-name">'style'</span> element, we should
allow and mention scoped style sheets here.</p>
<h2 id='UAStyleSheet'>User agent style sheet</h2>
<p>The user agent shall maintain a
<a href='http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade'>user agent style sheet</a>
diff --git a/master/text.html b/master/text.html
--- a/master/text.html
+++ b/master/text.html
@@ -57,16 +57,58 @@
</tr>
<tr>
<th>Owner:</th>
<td>Doug (no action)</td>
</tr>
</table>
</div>
+<div class="annotation svg2-requirement">
+ <table>
+ <tr>
+ <th>SVG 2 Requirement:</th>
+ <td>Include explicit support for Web Open Font Format (WOFF).</td>
+ </tr>
+ <tr>
+ <th>Resolution:</th>
+ <td><a href="http://www.w3.org/2011/03/01-svg-minutes.html#item03">We will mandate WOFF support in SVG 2.</a></td>
+ </tr>
+ <tr>
+ <th>Purpose:</th>
+ <td>To allow access to full OpenType features for internationalisation and advanced typography.</td>
+ </tr>
+ <tr>
+ <th>Owner:</th>
+ <td>Chris (no action)</td>
+ </tr>
+ </table>
+</div>
+
+<div class="annotation svg2-requirement">
+ <table>
+ <tr>
+ <th>SVG 2 Requirement:</th>
+ <td>Reference CSS3 Fonts.</td>
+ </tr>
+ <tr>
+ <th>Resolution:</th>
+ <td><a href="http://www.w3.org/2011/07/29-svg-minutes.html#item08">SVG 2 will depend on CSS3 Fonts.</a></td>
+ </tr>
+ <tr>
+ <th>Purpose:</th>
+ <td>Alignment with CSS 2.1 and CSS3 for Web font functionality, and to provide
+ access to advanced typographic features of fonts.</td>
+ </tr>
+ <tr>
+ <th>Owner:</th>
+ <td>Chris (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3123">ACTION-3123</a>)</td>
+ </tr>
+ </table>
+</div>
<h2 id="Introduction">Introduction</h2>
<p>
Text that is to be rendered as part of an SVG document fragment is
specified using the <a>'text'</a> element. The characters to be
drawn are expressed as
<a href="http://www.w3.org/TR/2008/REC-xml-20081126/#syntax">XML
@@ -316,25 +358,59 @@
<td>To allow glyphs in horizontal text to have different vertical alignments for stylistic effects.</td>
</tr>
<tr>
<th>Owner:</th>
<td>Chris (no action)</td>
</tr>
</table>
</div>
-
- <p>
- A font consists of a collection of glyphs together with the
- information (the font tables) necessary to use those glyphs to
- present characters on some medium. The combination of the
+
+ <p>Reliable delivery of fonts is a requirement for SVG.
+Designers need to create SVG content with arbitrary fonts and
+know that the same graphical result will appear when the
+content is viewed by all end users, even when end users do not
+have the necessary fonts installed on their computers. This
+parallels the print world, where the designer uses a given font
+when authoring a drawing for print, and the graphical content
+appears exactly the same in the printed version as it appeared
+on the designer's authoring system.</p>
+
+<p>SVG utilizes the
+<a href="http://dev.w3.org/csswg/css3-fonts/">WebFonts</a>
+facility defined in
+([<a href="refs.html#ref-CSS3FONTS">CSS3 Fonts</a>]) as a key
+mechanism for reliable delivery of font data to end users. In a
+common scenario, SVG authoring applications generate
+compressed, subsetted WebFonts
+for all text elements used by a given SVG document fragment.</p>
+
+<p>One disadvantage to the WebFont
+facility in the past was that specifications did not require
+support of particular font formats. The result was that
+different implementations supported different Web font formats,
+thereby making it difficult for Web site creators to post a
+single Web site using WebFonts that worked across all user
+agents.</p>
+
+<p>SVG 2 mandates support for Web Open Font Format [<a href="refs.html#ref-WOFF">WOFF</a>], which
+ is now supported in <a href="http://w3c-test.org/framework/review/woff-at/">most user agents</a>. Besides enabling compressed, subsetted WebFonts
+with accompanying metadata for clear licensing, WOFF also benefits from OpenType multilingual features
+and support for advanced typography. Thus, content authors can author CSS to request discretionary ligatures,
+swash forms, old-style figures etc. while also ensuring that a font is provided which supports those features.</p>
+
+ <p>
+ A font consists of a collection of glyphs together with other
+ information (collectively, the font tables) necessary to use those glyphs to
+ present characters on some visual medium. The combination of the
collection of glyphs and the font tables is called the <em>font
data</em>. The font tables include the information necessary to
map characters to glyphs, to determine the size of glyph areas and
- to position the glyph area. Each font table consists of one or
+ to position the glyph area. <!-- next sentence is loose and should be impoved -->
+ Each font table consists of one or
more font characteristics, such as the font-weight and
font-style.
</p>
<p>
The geometric font characteristics are expressed in a coordinate
system based on the EM box. (The EM is a relative measure of the
height of the glyphs in the font.) The box 1 EM high and 1 EM
@@ -5193,17 +5269,17 @@
coordinate system for the current <a>'text'</a> element, including
any adjustments to the current user coordinate system due to a
possible <a>'transform'</a> property on the current <a>'text'</a>
element. For example, the following fragment of SVG content:
</p>
<pre>
<svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+ xmlns:xlink="http://www.w3.org/1999/xlink">
<g <span
style="font-weight:bold; color:red">transform="translate(25,25)"</span>>
<defs>
<path id="path1" <span
style="font-weight:bold; color:green">transform="scale(2)"</span> d="..." fill="none" stroke="red"/>
</defs>
</g>
<text <span
@@ -5214,17 +5290,17 @@ style="font-weight:bold; color:blue">tra
</pre>
<p>
should have the same effect as the following:
</p>
<pre>
<svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+ xmlns:xlink="http://www.w3.org/1999/xlink">
<g <span
style="font-weight:bold; color:blue">transform="rotate(45)"</span>>
<defs>
<path id="path1" <span
style="font-weight:bold; color:green">transform="scale(2)"</span> d="..." fill="none" stroke="red"/>
</defs>
<text>
<textPath xlink:href="#path1">Text on a path1</textPath>
@@ -6365,27 +6441,20 @@ style="font-weight:bold; color:green">tr
<h4 id="AltGlyphAttributes">Attributes</h4>
<dl class="attrdef-list-svg2">
<dt id="AltGlyphElementHrefAttribute"><span class="adef">xlink:href</span></dt>
<dd>
<p>
An <a href="linking.html#IRIReference">IRI reference</a>
- either to a <a>'glyph'</a> element in an SVG document fragment
- or to an <a>'altGlyphDef'</a> element.
+ to an <a>'altGlyphDef'</a> element.
</p>
<p>
- If the reference is to a <a>'glyph'</a> element and that glyph
- is available, then that glyph is rendered instead of the
- character(s) that are inside of the <a>'altGlyph'</a> element.
- </p>
- <p>
- If the reference is to an <a>'altGlyphDef'</a> element, then
- if an appropriate set of alternate glyphs is located from
+ If an appropriate set of alternate glyphs is located from
processing the <a>'altGlyphDef'</a> element, then those
alternate glyphs are rendered instead of the character(s) that
are inside of the <a>'altGlyph'</a> element.
</p>
<dl class="attrdef-svg2">
<dt>Value</dt> <dd><a href="types.html#DataTypeIRI"><iri></a></dd>
<dt><a>Lacuna value</a></dt> <dd></dd>
@@ -6552,18 +6621,18 @@ style="font-weight:bold; color:green">tr
</dl>
<p>
If the references to alternate glyphs do not result in successful
identification of alternate glyphs to use, then the character(s)
that are inside of the <a>'altGlyph'</a> element are rendered as
if the <a>'altGlyph'</a> element were a <a>'tspan'</a> element
- instead.</p> <p>An <a>'altGlyph'</a> element either references a
- <a>'glyph'</a> element or an <a>'altGlyphDef'</a> element via its
+ instead.</p> <p>An <a>'altGlyph'</a> element references
+ an <a>'altGlyphDef'</a> element via its
<a>'xlink:href'</a> attribute or identifies a glyph by means of
<a href="text.html#FontPropertiesUsedBySVG">font selection
properties</a>, a glyph identifier and a font format. If
the <a>'xlink:href'</a> attribute is specified, it takes
precedence, and the other glyph identification attributes and
properties are ignored.</p>
</edit:with>
@@ -6633,33 +6702,16 @@ style="font-weight:bold; color:green">tr
use.
</p>
<edit:elementsummary name='glyphRef'/>
<h4 id="GlyphRefAttributes">Attributes</h4>
<dl class="attrdef-list-svg2">
- <dt id="GlyphRefElementHrefAttribute"><span class="adef">xlink:href</span></dt>
- <dd>
- <p>
- An <a href="linking.html#IRIReference">IRI reference</a> to
- a <a>'glyph'</a> element in an SVG document fragment. The
- referenced <a>'glyph'</a> is rendered as an alternate
- glyph.
- </p>
-
- <dl class="attrdef-svg2">
- <dt>Value</dt> <dd><a href="types.html#DataTypeIRI"><iri></a></dd>
- <dt><a>Lacuna value</a></dt> <dd></dd>
- <dt><a>Animatable</a></dt> <dd>no</dd>
- </dl>
-
- </dd>
-
<dt id="GlyphRefElementGlyphRefAttribute"><span class="adef">glyphRef</span></dt>
<dd>
<p>
The glyph identifier, the format of which is dependent on
the <a>'format'</a> of the given font.
</p>
<dl class="attrdef-svg2">
@@ -6772,19 +6824,17 @@ style="font-weight:bold; color:green">tr
<dt><a>Lacuna value</a></dt> <dd>0</dd>
<dt><a>Animatable</a></dt> <dd>No</dd>
</dl>
</dd>
</dl>
<p>
- A <a>'glyphRef element'</a> either references a
- <a>'glyph'</a> element in an SVG document fragment via its
- <a>'xlink:href'</a> attribute or identifies a glyph by means
+ A <a>'glyphRef element'</a> identifies a glyph by means
of <a href="text.html#FontPropertiesUsedBySVG">font selection
properties</a>, a glyph identifier and a font format. If
insufficient attributes and properties have been specified to
identify a glyph, then the <a>'glyphRef element'</a> is processed
in the same manner as when a glyph reference is fully specified,
but the given glyph is not available. If the <a>'xlink:href'</a>
attribute is specified, it takes precedence, and the other glyph
identification attributes and properties are ignored.
@@ -7764,19 +7814,17 @@ The <a>SVGAltGlyphItemElement</a> interf
<pre class="idl">interface <b>SVGGlyphRefElement</b> : <a>SVGElement</a> {
attribute DOMString <a href="text.html#__svg__SVGGlyphRefElement__glyphRef">glyphRef</a>;
attribute DOMString <a href="text.html#__svg__SVGGlyphRefElement__format">format</a>;
attribute float <a href="text.html#__svg__SVGGlyphRefElement__x">x</a>;
attribute float <a href="text.html#__svg__SVGGlyphRefElement__y">y</a>;
attribute float <a href="text.html#__svg__SVGGlyphRefElement__dx">dx</a>;
attribute float <a href="text.html#__svg__SVGGlyphRefElement__dy">dy</a>;
-};
-
-<a>SVGGlyphRefElement</a> implements <a>SVGURIReference</a>;</pre>
+};</pre>
<dl class="interface">
<dt class="attributes-header">Attributes:</dt>
<dd>
<dl class="attributes">
<dt id="__svg__SVGGlyphRefElement__glyphRef" class="attribute first-child"><b>glyphRef</b><span class="idl-type-parenthetical"> (DOMString)</span></dt>
<dd class="attribute">
diff --git a/specs/integration/master/Overview.html b/specs/integration/master/Overview.html
--- a/specs/integration/master/Overview.html
+++ b/specs/integration/master/Overview.html
@@ -1,34 +1,34 @@
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional+edit//EN" "xhtml1-transitional+edit.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:edit="http://xmlns.grorg.org/SVGT12NG/">
<head>
- <title>SVG Integration 1.0</title>
+ <title>SVG Integration</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" title="Default" type="text/css" href="style/default_svg.css"/>
<link rel="alternate stylesheet" title="No issues/annotations" type="text/css" href="style/default_no_issues.css"/>
<style>
.feature {
text-align: right;
}
.embedcontext, table.ref_modes td {
- width: 150px;
- height: 150px;
+ width: 120px;
+ height: 120px;
}
table.ref_modes td {
border: gainsboro 1px solid;
}
th, td {
text-align: center;
}
.bg {
background-image: url(./smiley.svg);
- width: 150px;
- height: 150px;
+ width: 120px;
+ height: 120px;
}
table.features {
border: gray 1px solid;
margin-top: 1em;
}
table.features th, table.features td {
text-align: left;
background-color: gainsboro !important;
@@ -77,16 +77,18 @@ a.button:link, a.button:visited {
vertical-align: baseline;
}
#element-index > tbody > tr > td > div + div {
margin-top: 0.5em;
}
#element-index dl, #element-index dt, #element-index dd { margin-top: 0; margin-bottom: 0; }
#element-index ul, #element-index li { display: inline; margin: 0; padding: 0; }
#element-index li::before { content: "\25cf "; }
+
+div.issue { margin-top: 1em; }
</style>
<script>
function overButton(event) {
var version = event.target.textContent;
if (version == "1.1" || version == "1.2T" || version == "2") {
var n = event.target;
while (n.localName != "th") {
n = n.parentNode;
@@ -112,60 +114,60 @@ function outButton(event) {
}
}
</script>
</head>
<body>
<div class="head">
<p><a href="http://www.w3.org/"><img height="48" width="72" alt="W3C" src="http://www.w3.org/Icons/w3c_home"/></a></p>
- <h1 id="pagetitle">SVG Integration 1.0</h1>
+ <h1 id="pagetitle">SVG Integration</h1>
<h2 id="pagesubtitle">W3C <edit:maturity/> <em><edit:date/></em></h2>
<dl>
<dt>This version:</dt>
<dd><edit:thisversion/></dd>
<dt>Latest version:</dt>
<dd><edit:latestversion/></dd>
<edit:includelatesteditorsdraft/>
<!--
<dt>Previous version:</dt>
<dd><edit:previousversion/></dd>
-->
<dt>Public comments:</dt>
<dd><a href="mailto:www-svg@w3.org" class='url'>www-svg@w3.org</a> (<a href="http://lists.w3.org/Archives/Public/www-svg/">archive</a>)</dd>
<dt class="top-editors">Editor:</dt>
+ <dd>Cameron McCormack, Mozilla Corporation <<a href="mailto:cam@mcc.id.au" class='url'>cam@mcc.id.au</a>></dd>
<dd>Doug Schepers, W3C <<a href="mailto:schepers@w3.org" class='url'>schepers@w3.org</a>></dd>
+ <dd>Dirk Schulze, Adobe Systems Inc. <<a href="mailto:dschulze@adboe.com" class='url'>dschulze@adobe.com</a>></dd>
</dl>
<edit:copyright/>
</div>
<hr/>
<h2 id="abstract">Abstract</h2>
-<p>The SVG Integration Module is intended as a guide to other markup
-and programming on how to best integrate SVG, within the context of
-that language's constraints. SVG may be integrated in whole or in part,
-and may be included in another language by reference or by inclusion
-(that is, through linking or inline). This specification contains
-normatively referenceable material, and discusses default behaviors
-and best practices, but is not intended to override the design of the
-referencing language.</p>
-
-<p>This specification contains references to other SVG specifications.</p>
+<p>This specification details requirements on how SVG documents must be
+processed when used in various contexts, such as CSS background images,
+HTML <span class='element-name'>'iframe'</span> elements, and so on.
+These requirements include which features are restricted or disabled,
+such as scripting and animation. A number of referencing modes are defined,
+which other specifications that allow the embedding or referencing of
+SVG documents can normatively reference.</p>
<h2 id="status">Status of This Document</h2>
<p><em>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 <a href="http://www.w3.org/TR/">W3C technical reports index</a> at http://www.w3.org/TR/</em>.</p>
<p>This document is the <edit:date/> <strong><edit:maturity/></strong> of <edit:shorttitle/>.
-<span class="issue">Custom SotD information goes here.</span></p>
+The purpose of this specification is to define how SVG documents that are
+referenced from SVG and HTML documents, and from CSS properties, are processed.</p>
<p>Comments on this <edit:maturity/> are welcome.
Comments can be sent to <a href="mailto:www-svg@w3.org" class='url'>www-svg@w3.org</a>,
the public email list for issues related to vector graphics on the Web. This list is
<a href="http://lists.w3.org/Archives/Public/www-svg/">archived</a> and
senders must agree to have their message publicly archived from their
first posting. To subscribe send an email to
<a href="mailto:www-svg-request@w3.org" class='url'>www-svg-request@w3.org</a> with
@@ -187,219 +189,388 @@ this document are the SVG Working Group
W3C maintains a <a rel="disclosure" href="http://www.w3.org/2004/01/pp-impl/19480/status">public list of any patent disclosures</a>
made in connection with the deliverables of the group; that page also includes
instructions for disclosing a patent. An individual who has actual knowledge of
a patent which the individual believes contains
<a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a>
must disclose the information in accordance with
<a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</p>
-<p>Publication as a Working Draft does not imply endorsement by the W3C Membership.
+<p>Publication as a <edit:maturity/> 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.</p>
<p>A list of current W3C Recommendations and other technical documents can be found at
<a href="http://www.w3.org/TR/" class='url'>http://www.w3.org/TR/</a>. W3C publications
may be updated, replaced, or obsoleted by other documents at any time.</p>
+<!--
<h2 id="feedback" edit:toc="no">How to read this document and give feedback</h2>
<p>This draft of SVG Integration introduces new normative prose for
integrating the SVG language into other markup languages. One of
the goals is that this specification can be re-used more easily by
other specifications that want to have well-defined interaction and
interoperability with SVG. Future drafts of this specification may
introduce syntax and markup for the SVG language that may not be
backwards compatible with older SVG User Agents, and the use of this
syntax should be accompanied by a fallback using the <a>'switch'</a>
element.</p>
+-->
<h2 id="toc">Table of Contents</h2>
<edit:fulltoc/>
<h2 id="intro">Introduction</h2>
-<p><em>Describe the technology and specification here.</em></p>
+<p><em>This section is non-normative.</em></p>
-<p>Note that even though this specification references parts of
-<a href="#ref-svg11">SVG 1.1</a> and <a href="#ref-svgt12">SVG Tiny 1.2</a>
-it does not require a complete implementation of those specifications.</p>
+<p>SVG is a vector graphics markup language used both for artwork and
+to create interactive, rich content applications. In addition to being
+able to render graphical primitives such as shapes, text and images,
+SVG also supports a number of more complex features, including declarative
+animation, scripting using ECMAScript, and the ability to reference
+external resources.</p>
-<p>This document is normative.</p>
+<p>For SVG to adhere to the security model of the Web platform, certain
+SVG features are required to be disabled depending on how the SVG document
+is being used. For example, SVG documents referenced by an HTML
+<span class='element-name'>'img'</span> element are required to have
+scripting disabled.</p>
-<p>This document contains explicit conformance criteria that overlap
-with some RNG definitions in requirements. If there is any conflict
-between the two, the explicit conformance criteria are the definitive
-reference.</p>
+<p>The primary purpose of this document, SVG Integration, is to define a number
+of <em>referencing modes</em> for SVG documents, which detail the requirements
+for processing an SVG document when it is used in a certain context.
+These requirements include the set of features that must be disabled,
+any user agent style sheet rules to apply, and more.</p>
-<h3 id="use-cases">Use Cases and Requirements</h3>
+<p>Normative requirements are given for contexts in other SVG documents,
+such as how an SVG <a>'image'</a> element must treat referenced SVG
+documents. Non-normative recommendations are given for other languages,
+including HTML and CSS, with the expectation that these other specifications
+will in time define which referencing mode from this document to use
+when SVG documents are used in a given context.</p>
-<p><em>This section is informative.</em></p>
+<div class="issue">
+ <p>There are other things we may wish to include in this document, including:</p>
+ <ul>
+ <li>Recommendations for how SVG can be used and responsibly extended in other,
+ non-Web markup languages.</li>
+ <li>Recommendations for how to embed data in SVG documents, and how
+ to use foreign namespace elements and attributes in SVG documents
+ using the XML serialization.</li>
+ <li>Requirements on how the sizing of SVG documents in CSS and other
+ contexts is performed.</li>
+ <li>Requirements on how the sizing of HTML content within <a>'foreignObject'</a>
+ elements is performed.</li>
+ <li>A table of all SVG elements, attributes and properties from all
+ published versions of SVG.</li>
+ <li>A table of element and attribute name case folding rules that can be
+ used by the HTML parser.</li>
+ <!-- from the old Use Cases and Requirements section:
+ <li>must address focus navigation across embedding boundaries</li>
+ <li>must address fragment identifiers behavior for compound documents</li>
+ <li>must address link traversal in compound documents</li>
+ <li>must discuss transparency and compositing</li>
+ <li>may define parameter defaulting syntax</li>
+ <li>may define or reference a data binding mechanism</li>
+ -->
+ </ul>
+</div>
-<p>Here are some of the use cases and requirements for this specification.</p>
+<h2 id="referencing-modes">Referencing modes</h2>
-<ul>
- <li>must have clear tables that integrate all known SVG elements, attributes, attribute values, and methods</li>
- <li>should link back to normative definitions for all the above</li>
- <li>should be automated (derive lists from SVG 1.1, SVG Tiny 1.2, Vector Effects, Filters, Compositing, Transforms, etc. via script)</li>
- <li>must be normatively referenceable, e.g. by HTML5, CSS, ODF, IPTV, and other languages where we expect SVG might be reused as a whole, or even referenced in part, as in the Widgets specs</li>
- <li>should have revision history [1]</li>
- <li>may have case-insensitive string equivalents [2]</li>
- <li>must cover different embedding and referencing scenarios (may work with HTML & CSS WGs here), with different expected capabilities</li>
- <li>must explain how to extend SVG properly (copying the chapter from SVG Tiny 1.2) [4]</li>
- <li>must address potential security issues (external references, circular references, that weird thing ROC brought up with pixel-sniffing)</li>
- <li>must address passed in parameters, fragment identifiers, etc.</li>
- <li>should cover other specific odds and ends with various elements</li>
- <li>must address focus navigation across embedding boundaries</li>
- <li>must address fragment identifiers behavior for compound documents</li>
- <li>must address link traversal in compound documents</li>
- <li>must discuss transparency and compositing</li>
- <li>should discuss embedding size and dimensions (including script access to rendered dimensions)</li>
- <li>may introduce new integration features</li>
- <li>may define parameter defaulting syntax</li>
- <li>may define or reference a data binding mechanism</li>
-</ul>
+<p>There are various ways that an SVG document fragment can be
+referenced by or included in other documents and then as a consequence
+be processed by a user agent. SVG documents can also be viewed as a
+top-level document. Each different method by which an SVG document fragment
+can be used implies a certain set of requirements on how the SVG document
+fragment is to be processed.</p>
-<h2 id="referencing-modes">Referencing Modes for SVG</h2>
+<p>This section defines a number of <dfn id="referencing-mode">referencing
+modes</dfn> that encompass the different ways SVG documents can
+be used on the Web platform and which specify how the documents must be
+processed. Each referencing mode is defined by requiring the SVG document
+be processed in a given <a href="#processing-mode">processing mode</a>.
+Processing modes are introduced in <a href="#processing-modes">section 3</a> below
+and define which features are enabled or disabled in the document.</p>
-<p>There are many different ways in which an external SVG file may be referenced
-in a host language. These different scenarios are known as
-<dfn id="TermReferencingMode">referencing modes</dfn>,
-and each <a>referencing mode</a> is suited to a different set of
-constraints, in terms of security, performance optimization, intended usage,
-and legacy considerations. Each <a>referencing mode</a> defines whether
-such features as script execution, external references, declarative animation,
-interactivity, and linking must or must not be supported. Different
-<a>referencing modes</a> may be specified for different aspects of the same
-language, or a language may use a single <a>referencing mode</a>, depending on
-the complexity of the language. A conforming User Agent must support the full
-feature set defined for each <a>referencing mode</a> for all languages that
-that User Agent supports, and must not permit behavior disallowed by the
-relevant <a>referencing mode</a>. Where multiple <a>referencing modes</a> are
-permitted, authors should choose the most restricted <a>referencing modes</a>
-that meets their needs.</p>
+<p class="note">This document does not place normative requirements on
+other specifications that can reference or include SVG documents, such as
+HTML and various CSS specifications. The intention is for these other
+specifications to normatively point to the appropriate referencing mode
+from this document.</p>
-<p>A DOM must be produced and maintained for SVG images using all
-<a>referencing modes</a> except <a href="#immediate_mode">Immediate Mode</a>,
-and the DOM must be exposed to Accessibility Technology User Agents.</p>
+<p class="issue">In this document we might need to define exactly how
+to invoke the Fetch algorithm when resources are retrieved from a document
+running in a particular referencing mode.</p>
-<p class="issue">Should we have an Immediate Mode?</p>
-
-<p class="issue">Should we talk about CORS here?</p>
-
-
-<h3 id="definitions">Feature Definitions</h3>
+<p>The available <a href="#referencing-mode">referencing modes</a> are as follows:</p>
<dl>
- <dt><dfn id="def-declarative_animation">declarative animation</dfn></dt>
- <dd>Declarative animation is a change or set of changes
- to the presentation of the SVG image through the use of
- predefined elements or properties, as with the animation elements
- <a>'animate'</a>, <a>'set'</a>, etc., as
- opposed to procedural script. Declarative animation may be triggered
- by either a event timeline or by user-generated events (see
- <a href="#def-interaction"><span class="svg-term">interaction</span></a>).
- Because it has a bounded set of functionality, declarative animation may
- pose less of a security risk than
- <a href="#def-script_execution"><span class="svg-term">script execution</span></a>.
- Complex animations may be computationally intensive, and thus may not be
- suitable for all devices or <a>referencing modes</a>.</dd>
+ <dt><dfn id="top-level-document-mode">top-level document</dfn></dt>
+ <dd>
+ <p>This referencing mode is for SVG documents that are loaded as a top-level
+ document in a user agent.</p>
+ <p>SVG documents processed with the
+ <a href="#top-level-document-mode">top-level document</a>
+ <a href="#referencing-mode">referencing mode</a> must use the
+ <a href="#dynamic-interactive-mode">dynamic interactive</a>
+ <a href="#processing-mode">processing mode</a>.</p>
- <dt><dfn id="def-external_reference">external reference</dfn></dt>
+ <p class="note">This referencing mode is intended to be used when
+ an SVG document is loaded in a browser's
+ <a href="http://www.w3.org/TR/2014/CR-html5-20140204/browsers.html#top-level-browsing-context">top-level browsing context</a>.
+ <a href='#ref-HTML5'>[HTML5]</a></p>
+ </dd>
+
+ <dt><dfn id="embedded-document-mode">embedded document</dfn></dt>
<dd>
- <p>An external reference is any link from the current file to
- another file for inclusion, rendering, or processing in the context
- of the current file. In some situations, external references may
- constitute a security concern; because it is difficult to detect
- when the use of an external resource is safe and when it is not,
- under secure circumstances, all external references should be
- disabled, unless there is an appropriate security mechanism in place
- (<span class="issue">CORS?</span>). External references include, but
- are not limited to:</p>
+ <p>This referencing mode is for SVG documents that are externally referenced
+ and embedded for presentation in a host document. SVG documents referenced by the
+ <a>'iframe'</a> element from SVG 2 or the
+ <a>'animation'</a> element from SVG Tiny 1.2 must use the
+ <a href="#embedded-document">embedded document</a>
+ <a href="#referencing-mode">referencing mode</a>.</p>
+
+ <p class="note">Note that the embedded document referencing mode
+ is not used for inline SVG fragments within an HTML document.</p>
+
+ <p>SVG documents processed with the
+ <a href="#embedded-document-mode">embedded document</a>
+ <a href="#referencing-mode">referencing mode</a> must use the
+ <a href="#dynamic-interactive-mode">dynamic interactive</a>
+ <a href="#processing-mode">processing mode</a>.</p>
+
+ <p class="note">This referencing mode is intended to be used when
+ an SVG document is loaded in an HTML
+ <span class='element-name'>'embed'</span>,
+ <span class='element-name'>'iframe'</span> or
+ <span class='element-name'>'object'</span> element.</p>
+ </dd>
+
+ <dt><dfn id="animated-image-document-mode">animated image document</dfn></dt>
+ <dd>
+ <p>This referencing mode is for SVG documents that are used as images,
+ where the context would typically be expecting a raster image that can
+ animate. SVG documents referenced by the SVG <a>'image'</a> element must
+ use the <a href="#animated-image-document-mode">animated image document</a>
+ <a href="#referencing-mode">referencing mode</a> if
+ the referencing SVG document is using the
+ <a href='#top-level-document-mode'>top-level document</a>,
+ <a href='#embedded-document-mode'>embedded document</a> or
+ <a href='#animated-image-document-mode'>animated image document mode</a>.</p>
+
+ <p>SVG documents processed with the
+ <a href="#animated-image-document-mode">animated image document</a>
+ <a href="#referencing-mode">referencing mode</a> must use the
+ <a href="#secure-animated-mode">secure animated</a>
+ <a href="#processing-mode">processing mode</a>.</p>
+
+ <p class="note">This referencing mode is intended to be used when
+ an SVG document is referenced by an HTML
+ <span class='element-name'>'img'</span> element or
+ by any CSS property that takes an
+ <a href='http://www.w3.org/TR/css3-values/#images'><image></a>
+ value, and if animations can be run.</p>
+ </dd>
+
+ <dt><dfn id="static-image-document-mode">static image document</dfn></dt>
+ <dd>
+ <p>This referencing mode is for SVG documents that are used as images,
+ where the context would typically be expecting a raster image but where
+ animations are unable to run. SVG documents
+ referenced by the SVG <a>'image'</a> element must use the
+ <a href="#static-image-document-mode">static image document</a>
+ <a href="#referencing-mode">referencing mode</a> if
+ the referencing SVG document is using the
+ <a href='#static-image-document-mode'>static image document mode</a>.</p>
+
+ <p>SVG documents processed with the
+ <a href="#static-image-document-mode">static image document</a>
+ <a href="#referencing-mode">referencing mode</a> must use the
+ <a href="#secure-static-mode">secure static</a>
+ <a href="#processing-mode">processing mode</a>.</p>
+
+ <p class="note">This referencing mode is intended to be used when
+ an SVG document is referenced by an HTML
+ <span class='element-name'>'img'</span> element or
+ by any CSS property that takes an
+ <a href='http://www.w3.org/TR/css3-values/#images'><image></a>
+ value, and if animations cannot be run.</p>
+ </dd>
+
+ <dt><dfn id="resource-document-mode">resource document</dfn></dt>
+ <dd>
+ <p>This referencing mode is for SVG documents that are loaded
+ as resource documents in order to use their <a>'mask element'</a>,
+ <a>'pattern element'</a>, gradient, or other resource elements.
+ SVG documents loaded due to a reference to an external document from any
+ of the following features must use the
+ <a href="#resource-document-mode">resource document</a>
+ <a href="#referencing-mode">referencing mode</a>:</p>
<ul>
- <li><span class="attr-name">‘xlink:href’</span> attribute
- targets for elements, such as <a>'image'</a>, <a>'use'</a>,
- <a>'feImage'</a>, <a>'tref'</a>, <a>'video'</a>
- <a href="http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/multimedia.html#AudioElement"><span class="element-name">‘audio’</span></a>,
- <a href="http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/multimedia.html#AnimationElement"><span class="element-name">‘animation’</span></a>,
- <a>'font-face-uri'</a>, <a>'textPath'</a>, <a>'mpath'</a>,
- <a>'script'</a>, <a>'cursor element'</a>, <a>'altGlyph'</a>, <a>'glyphRef'</a>,
- <a>'color-profile element'</a>, <a>'foreignObject'</a>,
- <a href="http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/struct.html#PrefetchElement"><span class="element-name">‘prefetch’</span></a></li>
+ <li>the <a>'clip-path'</a>, <a>'cursor property'</a>, <a>'fill'</a>,
+ <a>'filter property'</a> <a>'stroke'</a>, <a>'marker-mid'</a>,
+ <a>'marker-start'</a>, <a>'marker-end'</a> and <a>'mask property'</a>
+ properties</li>
- <li>external stylesheets (XSL or CSS)</li>
+ <li>the <a>'altGlyph'</a>, <a>'cursor element'</a>, <a>'feImage'</a>,
+ <a>'filter element'</a>, <a>'linearGradient'</a>, <a>'mpath'</a>,
+ <a>'pattern'</a>, <a>'radialGradient'</a>, <a>'textPath'</a>,
+ <a>'tref'</a> and <a>'use'</a> elements</li>
+ </ul>
- <li>external references for CSS properties: <a>'fill'</a>,
- <a>'stroke'</a>, <a>'mask property'</a>, <a>'marker property'</a>, <a>'marker-mid'</a>,
- <a>'marker-start'</a>, <a>'marker-end'</a>, <a>'clip-path'</a>,
- <a>'filter property'</a></li>
+ <p>SVG documents processed with the
+ <a href="#resource-document-mode">resource document</a>
+ <a href="#referencing-mode">referencing mode</a> must use the
+ <a href="#secure-animated-mode">secure animated</a>
+ <a href="#processing-mode">processing mode</a>.</p>
- <li>CSS @import rule</li>
-
- <li>@font-face with external src</li>
-
- <li><a>'foreignObject'</a> may contain external resources (depends on
- the content inside, for html e.g. iframe, object etc)</li>
-
- <li>elements in other namespaces that load external resources (e.g.
- <span class="element-name">‘xhtml:link’</span>,
- <span class="element-name">‘xhtml:script’</span>, etc)</li>
- </ul>
+ <p class='issue'>Should animations run in the resource document?</p>
</dd>
- <dt><dfn id="def-link_traversal">link traversal</dfn></dt>
- <dd>Link traversal refers to changing of the user agent's
- current active document view by user activation of a hyperlink.
- In the context of <a>referencing modes</a>, link traversal
- only pertains to hyperlinks defined within the referenced SVG
- file. A host language may allow all or part of an SVG image to
- serve as a link in the host language's context and using that
- language's conventions and mechanisms, such as using HTML's
- <span class="element-name">‘a’</span> or
- <span class="element-name">‘map’</span> elements.</dd>
+ <dt><dfn id="font-document-mode">font document</dfn></dt>
+ <dd>
+ <p>This referencing mode is for SVG documents that are being used
+ to define font glyphs.</p>
- <dt><dfn id="def-script_execution">script execution</dfn></dt>
- <dd>Script execution is the processing and application of
- procedural (as opposed to declarative) code and events. Where a
- <a>referencing mode</a> does not allow script execution, this
- prohibition must apply to scripted events or changes to the SVG
- DOM whether the script is contained inside the referenced SVG file
- or in the host language file. In the context of
- <a>referencing modes</a>, script execution only pertains to the DOM of
- the SVG image, not to events or changes to the host language's DOM.
- For example, an SVG image would act the same as a PNG image in
- an HTML <span class="element-name">‘a’</span>
- element, such that a mouse event on that
- <span class="element-name">‘a’</span> element would fire and
- bubble up the HTML DOM, but would not be available to a script in the
- SVG DOM.</dd>
+ <p>SVG documents processed with the
+ <a href="#font-document-mode">font document</a>
+ <a href="#referencing-mode">referencing mode</a> must use the
+ <a href="#secure-animated-mode">secure animated</a>
+ <a href="#processing-mode">processing mode</a>.</p>
- <dt><dfn id="def-interaction">interaction</dfn></dt>
- <dd>Interaction means receiving and processing user-generated events,
- such as mouse or keyboard activity. Where a <a>referencing mode</a>
- does not allow interactivity, such as for performance or security
- reasons, the interactivity is prohibited in the SVG DOM only, and may
- trigger events normally in the the host language's context.</dd>
+ <p>Additionally, SVG documents processed with the
+ <a href="#font-document-mode">font document</a>
+ <a href="#referencing-mode">referencing mode</a> must apply the
+ following user agent style sheet:</p>
+
+ <pre style="background-color: #eee; padding: 0.5em">@namespace svg url(http://www.w3.org/2000/svg);
+
+svg|text, svg|foreignObject {
+ display: none !important;
+}
+
+:root {
+ fill: context-fill;
+ fill-opacity: context-fill-opacity;
+ stroke: context-stroke;
+ stroke-opacity: context-stroke-opacity;
+ stroke-width: context-value;
+ stroke-dasharray: context-value;
+ stroke-dashoffset: context-value;
+}</pre>
+ <p class="note">This referencing mode is intended to used by the
+ OpenType specification for processing documents from the "SVG"
+ table.</p>
+ <p class="issue">Should the CSS Variables that map the palette
+ colors into the document be defined here too? It probably makes
+ sense to keep that in the OpenType specification.</p>
+ </dd>
</dl>
-<h3 id="dynamic_interactive_mode">Dynamic Interactive Mode</h3>
+<p>SVG document fragments that are included inline in a host document
+use a <a href='#referencing-mode'>referencing mode</a> that matches
+that of the host document. SVG document fragments included as
+children of an SVG <a>'foreignObject'</a> element must use the
+<a href='#referencing-mode'>referencing mode</a> of the referencing
+SVG document.</p>
-<p>This <a>referencing mode</a> imposes no restrictions on any
-feature of the SVG language. This is the <a>referencing mode</a>
-that must be used for standalone SVG files in normal circumstances.
-This specification recommends that this <a>referencing mode</a>
-apply to those elements that are referred to in HTML5 as a
-<a href="http://www.w3.org/TR/html5/browsers.html#browsing-context">browsin g context</a>,
-such as the <span class="element-name">‘object’</span>,
-<span class="element-name">‘iframe’</span>, and
-<span class="element-name">‘embed’</span> elements.</p>
+<p class='note'>For example, if an SVG document is being used in
+<a href='#animated-image-document-mode'>animated image document mode</a>
+due to being referenced by an HTML <a>'image'</a> element, then any
+inline SVG fragment that is a child of a <a>'foreignObject'</a> element
+within that document is also processed using
+<a href='#animated-image-document-mode'>animated image document mode</a>.</p>
-<table class="features" border="0" cellpadding="2" cellspacing="2">
+
+<h2 id="processing-modes">Processing modes</h2>
+
+<p>This section defines a number of <dfn id="processing-mode">processing modes</dfn>
+for SVG documents. Each processing mode specifies whether certain high level
+SVG features are enabled.</p>
+
+<h3 id="features">Features</h3>
+
+<p>The features that can be enabled or disabled depending
+on the processing mode are as follows:</p>
+
+<dl>
+ <dt>declarative animation</dt>
+ <dd>
+ <p>Declarative animation includes both the SMIL animation elements in SVG –
+ <a>'animate'</a>, <a>'animateColor'</a>, <a>'animateMotion'</a>,
+ <a>'animateTransform'</a> and <a>'set'</a> – and CSS Transitions and Animations.
+ When declarative animations are disabled in an SVG document, any SMIL
+ animations or CSS Transitions or Animations must not be applied or run.</p>
+ <p class='note'>This is not the same as pausing the document's animated
+ state at 0s document time; if a SMIL animation is defined to begin at 0s,
+ it still will not be applied.</p>
+ </dd>
+
+ <dt>external references</dt>
+ <dd>
+ <p>External references are URLs specified when using any of the following
+ SVG features, where any of the URL's components, ignoring the fragment,
+ do not match the document's URL:</p>
+ <ul>
+ <li>the <a>'clip-path'</a>, <a>'cursor property'</a>, <a>'fill'</a>,
+ <a>'filter property'</a> <a>'stroke'</a>, <a>'marker-mid'</a>,
+ <a>'marker-start'</a>, <a>'marker-end'</a> and <a>'mask property'</a>
+ properties</li>
+
+ <li>the <a>'altGlyph'</a>, <a>'audio'</a>, <a>'color-profile element'</a>,
+ <a>'cursor element'</a>, <a>'feImage'</a>, <a>'filter element'</a>,
+ <a>'font-face-uri'</a>, <a>'foreignObject'</a>, <a>'glyphRef'</a>,
+ <a>'image'</a>, <a>'linearGradient'</a>, <a>'mpath'</a>, <a>'pattern'</a>,
+ <a>'radialGradient'</a>, <a>'script'</a>, <a>'textPath'</a>,
+ <a>'tref'</a>, <a>'use'</a> and <a>'video'</a> elements</li>
+
+ <li>any other network requests made by script, HTML, CSS or other
+ Web platform features used in the document</li>
+ </ul>
+ <p>When external references are disabled in an SVG document, any attempt to
+ fetch a document through an external reference must instead be treated as
+ if a network error occurred and no data was received.</p>
+ <p class='issue'>This is all too handwavy. And we perhaps shouldn't try
+ to make an exhaustive list. This needs to be defined in
+ terms of Fetch, probably. And the URL Standard for comparing the URLs.</p>
+ </dd>
+
+ <dt>script execution</dt>
+ <dd>
+ <p>Script execution is the execution of any SVG <a>'script'</a> elements,
+ script found in event listener attributes (such as <a>'onclick'</a> on
+ SVG elements), or any other script defined by other Web platform features
+ used in the document such as any HTML <a>'script'</a> elements.
+ When script execution is disabled in an SVG document, no script in the
+ document must be run.</p>
+ </dd>
+
+ <dt>interaction</dt>
+ <dd>
+ <p>Interaction refers to the delivery of DOM Events or the invocation of
+ any user agent specific UI behaviors such as text selection, focus changing,
+ link traversal, or animation or transition triggering that is done in
+ response to user input such as mouse or keyboard activity. When
+ interaction is disabled in an SVG document, any user input events that would
+ be targetted at the document or any elements within the document must have
+ no effect.</p>
+ </dd>
+</dl>
+
+<h3 id="dynamic-interactive-mode">Dynamic interactive mode</h3>
+
+<p>This <a>processing mode</a> imposes no restrictions on any
+feature of the SVG language.</p>
+
+<table class="features">
<thead>
<tr>
<th colspan="2">Dynamic Interactive Features</th>
</tr>
</thead>
<tbody>
<tr>
<th>script execution</th>
@@ -412,37 +583,32 @@ such as the <span class="element-name">&
<tr>
<th>declarative animation</th>
<td>yes</td>
</tr>
<tr>
<th>interactivity</th>
<td>yes</td>
</tr>
- <tr>
- <th>link traversal</th>
- <td>yes</td>
- </tr>
</tbody>
</table>
-<h3 id="animated_mode">Animated Mode</h3>
+<h3 id="animated-mode">Animated mode</h3>
-<p>This <a>referencing mode</a> is intended for circumstances where
-performance may be an issue, where there are limited security
-concerns, or where image support has traditionally been limited
-to raster images (such as JPEG or PNG), but where animation is
-desired. Animated mode allows declarative animation, but permits
-no script execution, interactivity, or link traversal. This is
-the <a>referencing mode</a> that must be supported for the SVG
-<a>'image'</a> element and is recommended to apply to the HTML
-<span class="element-name">‘img’</span> element and for
-use as a Widget icon.</p>
+<p>This <a>processing mode</a> is intended for circumstances where
+an SVG document is to be used as an animated image that is allowed
+to resolve external references, but which is not intended to be used
+as an interactive document.</p>
-<table class="features" border="0" cellpadding="2" cellspacing="2">
+<p class='note'>Note that this <a>processing mode</a> is not used
+by any of the <a>referencing modes</a> defined in this specification.</p>
+
+<p class='issue'>Should we remove this processing mode?</p>
+
+<table class="features">
<thead>
<tr>
<th colspan="2">Animated Features</th>
</tr>
</thead>
<tbody>
<tr>
<th>script execution</th>
@@ -455,33 +621,29 @@ use as a Widget icon.</p>
<tr>
<th>declarative animation</th>
<td>yes</td>
</tr>
<tr>
<th>interactivity</th>
<td>no</td>
</tr>
- <tr>
- <th>link traversal</th>
- <td>no</td>
- </tr>
</tbody>
</table>
-<h3 id="secure_animated_mode">Secure Animated Mode</h3>
+<h3 id="secure-animated-mode">Secure animated mode</h3>
-<p>This <a>referencing mode</a> is intended for circumstances where
-performance may be an issue, where there are strict security concerns,
-or where image support has traditionally been limited to raster images
-(such as JPEG or PNG), but where animation is desired. Secure animated
-mode allows declarative animation, but permits no script execution,
-external references, interactivity, or link traversal.</p>
+<p>This <a>processing mode</a> is intended for circumstances where
+an SVG document is to be used as an animated image that is not allowed
+to resolve external references, and which is not intended to be used
+as an interactive document. This mode might be used where image support
+has traditionally been limited to raster images (such as JPEG, PNG and
+GIF).</p>
-<table class="features" border="0" cellpadding="2" cellspacing="2">
+<table class="features">
<thead>
<tr>
<th colspan="2">Secure Animated Features</th>
</tr>
</thead>
<tbody>
<tr>
<th>script execution</th>
@@ -494,32 +656,32 @@ external references, interactivity, or l
<tr>
<th>declarative animation</th>
<td>yes</td>
</tr>
<tr>
<th>interactivity</th>
<td>no</td>
</tr>
- <tr>
- <th>link traversal</th>
- <td>no</td>
- </tr>
</tbody>
</table>
-<h3 id="static_mode">Static Mode</h3>
+<h3 id="static-mode">Static mode</h3>
-<p>This <a>referencing mode</a> is intended for circumstances where
-performance may be an issue, or where there are limited security
-concerns. Static mode permits no script execution, declarative
-animation, interactivity, or link traversal. This is the
-<a>referencing mode</a> that is recommended to apply to CSS background images.</p>
+<p>This <a>processing mode</a> is intended for circumstances where
+an SVG document is to be used as a non-animated image that is allowed
+to resolve external references, but which is not intended to be used
+as an interactive document.</p>
-<table class="features" border="0" cellpadding="2" cellspacing="2">
+<p class='note'>Note that this <a>processing mode</a> is not used
+by any of the <a>referencing modes</a> defined in this specification.</p>
+
+<p class='issue'>Should we remove this processing mode?</p>
+
+<table class="features">
<thead>
<tr>
<th colspan="2">Static Features</th>
</tr>
</thead>
<tbody>
<tr>
<th>script execution</th>
@@ -532,31 +694,29 @@ animation, interactivity, or link traver
<tr>
<th>declarative animation</th>
<td>no</td>
</tr>
<tr>
<th>interactivity</th>
<td>no</td>
</tr>
- <tr>
- <th>link traversal</th>
- <td>no</td>
- </tr>
</tbody>
</table>
-<h3 id="secure_static_mode">Secure Static Mode</h3>
+<h3 id="secure-static-mode">Secure static mode</h3>
-<p>This <a>referencing mode</a> is intended for circumstances where
-performance may be an issue, or where there are strict security
-concerns. Secure static mode permits no script execution, external
-references, declarative animation, interactivity, or link traversal.</p>
+<p>This <a>processing mode</a> is intended for circumstances where
+an SVG document is to be used as a non-animated image that is not allowed
+to resolve external references, and which is not intended to be used
+as an interactive document. This mode might be used where image support
+has traditionally been limited to non-animated raster images (such as JPEG
+and PNG.)</p>
-<table class="features" border="0" cellpadding="2" cellspacing="2">
+<table class="features">
<thead>
<tr>
<th colspan="2">Secure Static Features</th>
</tr>
</thead>
<tbody>
<tr>
<th>script execution</th>
@@ -569,161 +729,102 @@ references, declarative animation, inter
<tr>
<th>declarative animation</th>
<td>no</td>
</tr>
<tr>
<th>interactivity</th>
<td>no</td>
</tr>
- <tr>
- <th>link traversal</th>
- <td>no</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="immediate_mode">Immediate Mode</h3>
-
-<p>This <a>referencing mode</a> is intended for circumstances where
-performance is a major concern. Immediate mode permits no script
-execution, external references, declarative animation, interactivity,
-or link traversal. In addition, a User Agent may to discard the DOM
-representation from memory after rendering. This is only to be used
-in extreme circumstances, as it severely limits the usability and
-accessibility of SVG. <span class="issue">Should we have an Immediate
-Mode?</span></p>
-
-<table class="features" border="0" cellpadding="2" cellspacing="2">
- <thead>
- <tr>
- <th colspan="2">Immediate Features</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th>script execution</th>
- <td>no</td>
- </tr>
- <tr>
- <th>external references</th>
- <td>no</td>
- </tr>
- <tr>
- <th>declarative animation</th>
- <td>no</td>
- </tr>
- <tr>
- <th>interactivity</th>
- <td>no</td>
- </tr>
- <tr>
- <th>link traversal</th>
- <td>no</td>
- </tr>
</tbody>
</table>
<h3 id="examples">Examples</h3>
+<p><em>This section is non-normative.</em></p>
+
+<div class="example">
<p>Below are various methods of embedding SVG in an HTML page by
reference. Each <a>referencing mode</a> element should display a yellow
smiley face. In each example below, clicking on the eyes tests link
traversal, and clicking on the face tests declarative interactivity
and script execution. The link should replace the image with a blue
square (clicking on that will return you to the original image). The
declarative interactivity, which uses the <a>'set'</a> element, should change
the image from shades of yellow to shades of green. The script should fill
in the smile. Time-based (as opposed to interactivity-based) declarative
animation is supported if the left eye is winking.</p>
-<table class="ref_modes" border="0" cellpadding="2" cellspacing="2">
- <thead>
- <tr>
- <th colspan="5">Example 1: Different <a>referencing modes</a> in HTML</th>
- </tr>
- </thead>
+<table class="ref_modes">
<tbody>
<tr>
<th>object</th>
<th>iframe</th>
+ <!--
<th>embed</th>
+ -->
<th>img</th>
<th>CSS background</th>
</tr>
<tr>
<td>
<object class="embedcontext" type="image/svg+xml" data="smiley.svg">Please use FF1.5+, Opera 9+, WebKit/Safari3.0, or IE with an SVG plugin!</object>
</td>
<td>
- <iframe class="embedcontext" src="smiley.svg" frameborder="0">Please use FF1.5+, Opera 9+, WebKit/Safari3.0, or IE with an SVG plugin!</iframe>
+ <iframe class="embedcontext" src="smiley.svg" style="border: 0">Please use FF1.5+, Opera 9+, WebKit/Safari3.0, or IE with an SVG plugin!</iframe>
</td>
+ <!--
<td>
- <embed class="embedcontext" src="smiley.svg" type="image/svg+xml"></embed>
+ <embed class="embedcontext" src="smiley.svg" type="image/svg+xml">
</td>
+ -->
<td>
<img class="embedcontext" alt="smiley face" src="smiley.svg" />
</td>
- <td class="bg"> </td>
+ <td><div class="bg"> </div></td>
</tr>
</tbody>
</table>
+</div>
-<h2 id="foreign-content">Foreign Content in SVG</h2>
+<h2 id="foreign-content">Embedding foreign content in SVG</h2>
-<p>SVG is designed to be used as a standalone format, or in combination with
-other formats such as X/HTML. These different formats can be used in SVG, by
-reference or by inclusion (inline), as with the
-<a>'foreignObject'</a> element described in
-<a href="http://www.w3.org/TR/SVGTiny12/extend.html#ForeignObjectElement">embedding foreign object types</a>.</p>
+<p>The SVG <a>'foreignObject'</a> element is an extension point that
+can be used to include document fragments from other languages to
+be rendered in an SVG document. This section defines how HTML and
+SVG elements are handled as children of <a>'foreignObject'</a>.</p>
-<h3 id="foreignobject">The <span class="element-name">'foreignObject'</span> Element</h3>
+<h3 id="foreign-content-html">Using HTML in <span class='element-name'>'foreignObject'</span></h3>
<p>When <a>'foreignObject'</a> is used to contain content which is styled by
CSS, the viewport establishes the initial containing block (as defined in CSS
2.1). The dimensions of the CSS viewport in pixels are the width and height
attribute values of the <a>'foreignObject'</a> element in user units.</p>
<div class="example">
<p>For example, if HTML content is included inline in SVG inside a
<a>'foreignObject'</a> element with a <a>'foreignObject/width'</a> of
<span class="attr-value">'400'</span> and a
<a>'foreignObject/height'</a> of <span class="attr-value">'600'</span>,
the HTML content will wrap to that area, as if it were an HTML
<span class="element-name">'div'</span> element with those dimensions.</p>
</div>
-<p class="issue">@@ What should we say about when to rasterize the
+<p class="issue">What should we say about when to rasterize the
foreign content? In existing implementations, HTML form controls in
-'foreignObject' often look pixelated</p>
+<a>'foreignObject'</a> often look pixelated.</p>
-<p class="issue">@@ Add examples of HTML in foreignObject, by reference
+<p class="issue">Add examples of HTML in foreignObject, by reference
and inline.</p>
-<p class="issue">@@ Link to CDR\WICD specs.</p>
+<h3 id="foreign-content-svg">Using SVG in <span class='element-name'>'foreignObject'</span></h3>
-<h2 id="inline-svg">SVG in Foreign Content</h2>
+<p class='issue'>TODO</p>
-<p>SVG is designed to be used as a standalone format, or in combination
-with other formats such as X/HTML. SVG can be used in these different
-formats, by reference or by inclusion (inline).</p>
-
-<p>When used as a reference, SVG content falls into one of the
-categories detailed in <a href="referencing_modes">Referencing Modes
-for SVG</a>. When used as inline, SVG must be used with the constraints
-established by that host language (such as HTML5).</p>
-
-<p class="issue">@@ Add examples of referenced and inline SVG.</p>
-
-<p class="issue">@@ Give details about
-<a href="http://www.w3.org/TR/SVGTiny12/linking.html#AElementTargetAttribute" title="Linking – SVG Tiny 1.2">link target keywords</a>
-in inline and referenced modes.</p>
-
-<p class="issue">@@ Link to CDR\WICD specs.</p>
-
+<!--
<h2 id="extend">Extending SVG</h2>
<h3 id="ConformingSVGExtensions">Extension conformance requirements</h3>
<p>Specifications and implementations are allowed to extend the SVG
specification but in order to claim conformance the following criteria
need to be met:</p>
@@ -752,24 +853,24 @@ need to be met:</p>
<p>SVG allows inclusion of elements from foreign namespaces
anywhere with the SVG content. In general, the SVG user agent
must include any unknown elements in the DOM, but must otherwise
ignore unknown elements. (The notable exception is described under
<a href="http://www.w3.org/TR/SVGTiny12/extend.html#ForeignObjectElement">Embedding foreign object types</a>.)</p>
<p>Extension elements in the SVG namespace must not be used.</p>
-<p>Additionally, SVG allows inclusion of attributes from
-foreign namespaces on any
-<a href="http://www.w3.org/TR/SVGTiny12/intro.html#TermSVGElement"><span class="svg-term">SVG element</span></a>.
-Extensions of SVG-namespaced elements in the form of attributes must be bound to
-a namespace by a prefix. Any unbound attributes not defined by an SVG
-specification must be treated as unknown attributes. The SVG user
-agent must include unknown attributes in the DOM, but may
-otherwise ignore unknown attributes. Attributes bound to a foreign
+<p>Additionally, SVG allows inclusion of attributes from foreign namespaces
+on any SVG element.
+Extensions of SVG-namespaced elements in the form of attributes must be
+in a namespace other than the SVG namespace. Any attributes which are not
+in a namespace and which are not defined by an SVG specification must be
+treated as unknown attributes. The SVG user agent must include unknown
+attributes in the DOM, but may otherwise ignore unknown attributes.
+Attributes bound to a foreign
namespace may extend the semantics or behavior of SVG elements
in user agents that support that foreign namespace.</p>
<p>SVG's ability to include foreign namespaces can be used for
the following purposes:</p>
<ul>
<li>Application-specific information to allow authoring
@@ -805,25 +906,25 @@ this case) upon reading it back in:</p>
<defs>
<myapp:piechart xmlns:myapp="http://example.org/myapp"
title="Sales by Region">
<myapp:pieslice label="Northern Region" value="1.23"/>
<myapp:pieslice label="Eastern Region" value="2.53"/>
<myapp:pieslice label="Southern Region" value="3.89"/>
<myapp:pieslice label="Western Region" value="2.04"/>
- <!-- Other private data goes here -->
+ <!_- Other private data goes here -_>
</myapp:piechart>
</defs>
<desc>This chart includes private data in another namespace</desc>
- <!-- In here would be the actual SVG graphics elements which
- draw the pie chart -->
+ <!_- In here would be the actual SVG graphics elements which
+ draw the pie chart -_>
</svg></pre>
</div>
</div>
<h2 id="SVGEncoding">SVG Encoding</h2>
<h3 id="XMLEncoding">XML encoding conformance requirements</h3>
@@ -849,16 +950,17 @@ must always render, animate, and interac
original. Note that this requires a high-level of fidelity from the encoding
including, but not limited to, the ability to encode non-conforming content
and content from foreign namespaces without loss, maintaining ID typing,
and not removing non-rendered elements such as
<a>'title'</a>, <a>'desc'</a>, <a>'metadata'</a>,
or elements not included in the <a>rendering tree</a> through use of
<a>conditional processing attributes</a>.</p>
+
<h2 id="svg-tokens">SVG Elements, Attributes, and Properties</h2>
<p>This is a comprehensive list of all SVG elements from the SVG 1.1 [SVG11]
and SVG Tiny 1.2 [SVGT12] specifications. This document will be updated as
new elements are minted.</p>
<h3 id="case-matching">Case Matching</h3>
@@ -1094,19 +1196,21 @@ using <a href="http://www.asahi-net.or.j
document instance. There is no equivalent to the DOCTYPE declaration. Simply
point your editor or other validation tool to the IRI of the schema (or your
local cached copy, as you prefer).</p>
<p>The RNG is under construction, and only the individual RNG snippets are
available at this time. They have not yet been integrated into a functional
schema. The individual RNG files are available <a href="rng">here</a>.</p>
+-->
+
<h2 id="refs">References</h2>
-<h3 id="normrefs">Normative References</h3>
+<h3 id="normrefs">Normative references</h3>
<dl>
<dt id="ref-RFC2119"><strong class="normref">[RFC2119]</strong></dt>
<dd><cite><a href="http://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a></cite>,
S. Bradner, March 1997.
<br />Available at http://tools.ietf.org/html/rfc2119.</dd>
<dt id="ref-SVG11"><strong class="normref">[SVG11]</strong></dt>
@@ -1117,49 +1221,60 @@ schema. The individual RNG files are ava
<br />The <a href="http://www.w3.org/TR/SVG11/">latest edition of SVG 1.1</a> is available at http://www.w3.org/TR/SVG11/.</dd>
<dt id="ref-SVGT12"><strong class="normref">[SVGT12]</strong></dt>
<dd><cite class="w3crec"><a href="http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/">Scalable Vector Graphics (SVG) Tiny 1.2</a></cite>,
O. Andersson, R. Berjon, E. Dahlström, A. Emmons, J. Ferraiolo, A. Grasso, V. Hardy, S. Hayman, D. Jackson, C. Lilley, C. McCormack, A. Neumann, C. Northway, A. Quint, N. Ramani, D. Schepers, A. Shellshear, eds.
World Wide Web Consortium, 22 December 2008.
<br />This edition of SVG Tiny 1.2 is http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/.
<br />The <a href="http://www.w3.org/TR/SVGTiny12/">latest edition of SVG Tiny 1.2</a> is available at http://www.w3.org/TR/SVGTiny12/.</dd>
+
+ <dt id="ref-SVG2"><strong class="normref">[SVG2]</strong></dt>
+ <dd><cite class="w3cwd"><a href="http://www.w3.org/TR/2014/WD-SVG2-20140211/">Scalable Vector Graphics (SVG) 2</a></cite>,
+ N. Anrdronikos, T. Bah, B. Birtles, C. Concolato, E. Dahlström, C. Lilley, C. McCormack, D. Schepers, D. Schulze, R. Schwerdtfeger, S. Takagi, J. Watt, eds.
+ World Wide Web Consortium, 11 February 2014.
+ <br />This edition of SVG 2 is http://www.w3.org/TR/2014/WD-SVG2-20140211/.
+ <br />The <a href="http://www.w3.org/TR/SVG2/">latest edition of SVG 2</a> is available at http://www.w3.org/TR/SVG2/.</dd>
</dl>
-<h3 id="informrefs">Informative References</h3>
+<h3 id="nonnormrefs">Non-normative references</h3>
<dl>
+<!--
<dt class="w3ccr"><strong class="informref">[CSS2]</strong></dt>
<dd><cite><a href="http://www.w3.org/TR/2010/CR-CSS2-20090908/">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a></cite>,
B. Bos, T. Çelik, I. Hickson, H.W. Lie, Editors. World Wide Web Consortium, 23 April 2009, <strong>Work in Progress</strong>.
<br/>This version of the CSS 2.1 Specification is http://www.w3.org/TR/2009/CR-CSS2-20090908/.
<br/>The <a class="normative" href="http://www.w3.org/TR/CSS2/">latest version of CSS 2.1</a> is available at http://www.w3.org/TR/CSS2/.</dd>
+-->
- <dt id="references-HTML5"><strong class="informref">[HTML5]</strong></dt>
- <dd><cite class="w3cwd"><a href="http://www.w3.org/TR/2009/WD-html5-20090825/">HTML 5</a></cite>,
- I. Hickson, D. Hyatt, eds.
- World Wide Web Consortium, <span class="wip">work in progress</span>, 25 August 2009.
- <br />This edition of HTML 5 is http://www.w3.org/TR/2009/WD-html5-20090825/.
- <br />The <a href="http://www.w3.org/TR/html5/">latest edition of HTML 5</a> is available at
+ <dt id="ref-HTML5"><strong class="informref">[HTML5]</strong></dt>
+ <dd><cite class="w3ccr"><a href="http://www.w3.org/TR/2014/CR-html5-20140204/">HTML5</a></cite>,
+ R. Berjon, S. Faulkner, T. Leithead, E. D. Navara, E. O'Connor, S. Pfeiffer, I. Hickson.
+ World Wide Web Consortium, <span class="wip">work in progress</span>, 04 February 2014.
+ <br />This edition of HTML5 is //www.w3.org/TR/2014/CR-html5-20140204/.
+ <br />The <a href="http://www.w3.org/TR/html5/">latest edition of HTML5</a> is available at
http://www.w3.org/TR/html5/.</dd>
+<!--
<dt id="ref-NVDL"><strong class="informref">[NVDL]</strong></dt>
<dd><cite><a href="http://www.jtc1sc34.org/repository/0694.pdf">Information Technology — Document Schema Definition Languages (DSDL) — Part 4: Namespace-based Validation Dispatching Language</a></cite>: ISO/IEC FDIS 19757-4:2005(E),
International Organization for Standardization, December 2005.
<br />Available at http://www.jtc1sc34.org/repository/0694.pdf.</dd>
<dt id="ref-SCHEMA2"><strong class="informref">[SCHEMA2]</strong></dt>
<dd><cite class="w3crec"><a href="http://www.w3.org/TR/2004/REC-xmlschema-2-20041028/">XML Schema Part 2: Datatypes Second Edition</a></cite>.
P. Biron, A. Malhotra, eds.
World Wide Web Consortium, 28 October 2004.
(See also <a href="http://www.w3.org/TR/2005/NOTE-xml11schema10-20050511/"><cite>Processing XML 1.1 documents with XML Schema 1.0 processors</cite></a>
[<a href="#ref-XML11-SCHEMA">XML11-SCHEMA</a>].)
<br />This edition of XML Schema Part 2 is http://www.w3.org/TR/2004/REC-xmlschema-2-20041028/.
<br />The <a href="http://www.w3.org/TR/xmlschema-2/">latest edition of XML Schema Part 2</a> is available at
http://www.w3.org/TR/xmlschema-2/.</dd>
+-->
</dl>
<h2 id="Acknowledgments">Acknowledgments</h2>
<p>The editors would like to acknowledge and thank the following
people for substantive aid with this specification:
Erik Dahlström.</p>
diff --git a/specs/integration/master/definitions.xml b/specs/integration/master/definitions.xml
--- a/specs/integration/master/definitions.xml
+++ b/specs/integration/master/definitions.xml
@@ -1,18 +1,20 @@
<!-- Definitions for SPECIFICATION. -->
<definitions xmlns='http://mcc.id.au/ns/local' xmlns:x='http://mcc.id.au/ns/local'>
<!-- === defined in this specification ================================== -->
<!-- ... -->
- <term name='referencing mode' href='#TermReferencingMode'/>
- <term name='referencing modes' href='#TermReferencingMode'/>
+ <term name='processing mode' href='#processing-mode'/>
+ <term name='processing modes' href='#processing-mode'/>
+ <term name='referencing mode' href='#referencing-mode'/>
+ <term name='referencing modes' href='#referencing-mode'/>
<!-- === defined in other specifications ================================ -->
<term name='SVG document fragment' href='http://www.w3.org/TR/SVGTiny12/conform.html#ConformingSVGDocuments'/>
<term name='SVG stand-alone document' href='http://www.w3.org/TR/SVGTiny12/conform.html#ConformingSVGStandAloneFiles'/>
<term name='SVG included document fragment' href='http://www.w3.org/TR/SVGTiny12/conform.html#ConformingSVGIncludedDocuments'/>
<term name='rendering tree' href='http://www.w3.org/TR/SVGTiny12/intro.html#TermRenderingTree'/>
diff --git a/specs/integration/master/publish.xml b/specs/integration/master/publish.xml
--- a/specs/integration/master/publish.xml
+++ b/specs/integration/master/publish.xml
@@ -1,35 +1,32 @@
-<!-- Publication script for SPECIFICATION. -->
-<!-- (This template is for a single page spec.) -->
+<!-- Publication script for SVG Integration. -->
<publish-conf xmlns='http://mcc.id.au/ns/local'>
- <title>SVG Integration 1.0</title>
- <short-title>SVG Integration 1.0</short-title>
- <maturity>ED</maturity>
+ <title>SVG Integration</title>
+ <short-title>SVG Integration</short-title>
+ <maturity>FPWD</maturity>
<output use-publish-directory='true' publish-directory='build/publish'/>
<!--
Uncomment the publication date when it is time to publish on
http://www.w3.org/TR/. While an Editor's Draft, leave this
commented out and the last commit date will be used as the
document's date.
-->
- <!--
- <publication-date>2013-xx-xx</publication-date>
- -->
+ <publication-date>2014-04-17</publication-date>
<versions>
<cvs href='https://dvcs.w3.org/hg/svg2/specs/integration'/>
- <this href='http://www.w3.org/TR/2013/WD-SVGIntegration-2013xxxx'/>
+ <this href='http://www.w3.org/TR/2014/WD-svg-integration-20140417/'/>
<!--
- <previous href='http://www.w3.org/TR/2013/WD-SVGIntegration-2013xxxx'/>
+ <previous href='http://www.w3.org/TR/2014/WD-svg-integration-2014xxxx/'/>
-->
- <latest href='http://www.w3.org/TR/SVGIntegration/'/>
+ <latest href='http://www.w3.org/TR/svg-integration/'/>
</versions>
<definitions href='definitions.xml' specid='Integration'/>
<definitions href='../../../master/definitions.xml' base='http://www.w3.org/TR/SVG2/' specid='SVG2'/>
<definitions href='../../../master/definitions-filters.xml' base='http://www.w3.org/TR/2012/WD-filter-effects-20121025/' specid='Filters' mainspec='SVG2'/>
<definitions href='../../../master/definitions-masking.xml' base='http://www.w3.org/TR/2012/WD-css-masking-20121115/' specid='Masking' mainspec='SVG2'/>
<definitions href='../../../master/definitions-compositing.xml' base='http://www.w3.org/TR/2012/WD-compositing-20120816/' specid='Compositing' mainspec='SVG2'/>
<definitions href='definitions-SVG11.xml' base='http://www.w3.org/TR/SVG11/' specid='SVG11'/>
diff --git a/specs/integration/master/style/default_no_issues.css b/specs/integration/master/style/default_no_issues.css
--- a/specs/integration/master/style/default_no_issues.css
+++ b/specs/integration/master/style/default_no_issues.css
@@ -1,11 +1,11 @@
/*
* Turns off issues and annotations.
*/
-@import url(default_svg.css);
+@import url(default_no_maturity.css);
p.issue, div.issue, p.annotation, div.annotation {
display:none;
}
diff --git a/specs/integration/master/style/default_no_maturity.css b/specs/integration/master/style/default_no_maturity.css
new file mode 100644
--- /dev/null
+++ b/specs/integration/master/style/default_no_maturity.css
@@ -0,0 +1,23 @@
+@import url(default_svg.css);
+
+body, h1, h2, h3 {
+ background-color: white ! important;
+}
+
+body.ready-for-wg-review,
+h1.ready-for-wg-review,
+h2.ready-for-wg-review,
+h3.ready-for-wg-review,
+.ready-for-wg-review > h1,
+.ready-for-wg-review > h2,
+.ready-for-wg-review > h3,
+.ready-for-wg-review {
+ background-color: white ! important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+p.annotation, div.annotation { display: none }
+div.annotation.svg2-requirement { display: block }
diff --git a/specs/integration/master/style/default_svg.css b/specs/integration/master/style/default_svg.css
--- a/specs/integration/master/style/default_svg.css
+++ b/specs/integration/master/style/default_svg.css
@@ -79,32 +79,34 @@ div.element-summary {
border-left-width: .5em;
border-left-style: solid;
margin-top: 1em;
}
/*.element-summary { background: #d9e8ff; padding: 1em; margin-top: 1em }*/
.element-summary-name { float: right; font-size: 110% }
+.element-summary-name dfn { font-style: normal; }
.element-summary dl, .element-summary dt { margin-top: 0; margin-bottom: 0; }
.element-summary * + dt { margin-top: 0.5em; }
.element-summary dd { margin-top: 0; }
.element-summary ul.no-bullets { list-style: none; margin-left: 0; padding-left: 0 }
.element-summary ul.no-bullets li { padding-left: 2em; text-indent: -2em; }
.expander { color: #888; text-decoration: underline; cursor: pointer; font-size: 85% }
.expander { }
.expander:active { color: #C00 }
.expander:hover { background: #ffa }
.expander:after { content: 'show »' }
.xgrammar { color: #A52A2A; font-family: monospace; font-size: 90% }
pre.idl, pre.dtd-fragment { color: black; padding: 1em; margin-top: 1em; margin-left: 0; font-size: 1em; overflow: auto; font-size: 14px }
pre.idl { background: #d9e8ff }
pre.idl a:link, pre.idl a:visited { color: black; }
+pre.idl .comment { color: #005A9C; }
dl.interface dt {
margin-top: 1em;
}
dl.interface dt.attribute,
dl.interface dt.constant,
dl.interface dt.operation {
@@ -250,16 +252,78 @@ div[role="math"] > :first-child ~ * {
.bordered { border: 1px solid #888; background-color: white }
dl.attrdef-list dl { margin-top: 1em }
dl.attrdef-list > dt { font-weight: normal }
/* Make issue and example counters work correctly. */
body { counter-reset: exampleno figure issue example; }
+/*
+ * Temporary styles for use only while the spec is in development:
+ */
+
+body, h1, h2, h3 {
+ /* mark everything as not yet reviewed */
+ background-color: #FFEEEE ! important;
+}
+
+body.ready-for-wg-review,
+h1.ready-for-wg-review,
+h2.ready-for-wg-review,
+h3.ready-for-wg-review,
+.ready-for-wg-review > h1,
+.ready-for-wg-review > h2,
+.ready-for-wg-review > h3,
+.ready-for-wg-review {
+ background-color: #FBFBB6 ! important;
+}
+
+body.ready-for-wg-review,
+h1.ready-for-wg-review,
+h2.ready-for-wg-review,
+h3.ready-for-wg-review,
+.ready-for-wg-review > h1,
+.ready-for-wg-review > h2,
+.ready-for-wg-review > h3,
+div.ready-for-wg-review {
+ margin-left: -16px;
+ margin-right: -16px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.chapter-Overview,
+.chapter-Overview h1,
+.chapter-Overview h2,
+.chapter-Overview h3,
+body.ready-for-wider-review,
+h1.ready-for-wider-review,
+h2.ready-for-wider-review,
+h3.ready-for-wider-review,
+.ready-for-wider-review > h1,
+.ready-for-wider-review > h2,
+.ready-for-wider-review > h3,
+.ready-for-wider-review {
+ background-color: white ! important;
+}
+
+h1.ready-for-wider-review,
+h2.ready-for-wider-review,
+h3.ready-for-wider-review,
+.ready-for-wider-review > h1,
+.ready-for-wider-review > h2,
+.ready-for-wider-review > h3,
+div.ready-for-wider-review {
+ margin-left: -16px;
+ margin-right: -16px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
.svg2-requirement table { border-collapse: collapse; width: 100% }
.svg2-requirement table th { font-weight: normal; font-style: italic; padding-right: 1em; white-space: nowrap; width: 1px }
.svg2-requirement tr:first-child td,
.svg2-requirement tr:first-child th { font-weight: bold; font-style: normal; border-top: none }
.svg2-requirement table th, .svg2-requirement table td { text-align: left; vertical-align: baseline; border-top: 1px solid #D398E0; padding: 0.5em }
table.proptable tbody td:first-child { white-space: nowrap }
table.proptable tbody td .property { display: inline; font-weight: normal }
@@ -305,16 +369,25 @@ table.propdef.attrdef th:first-child + t
table.propdef.attrdef td:first-child + td { width: auto }
table.propdef.attrdef th:first-child + th + th,
table.propdef.attrdef td:first-child + td + td { width: 6em }
table.propdef.attrdef th:first-child + th + th + th,
table.propdef.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important }
+ol.algorithm ol {
+ border-left: 1px solid #90b8de;
+ margin-left: 1em;
+}
+ol.algorithm ol.algorithm {
+ border-left: none;
+ margin-left: 0;
+}
+
/* HTML5-like switch statements. */
dl.switch > dd > ol.only {
margin-left: 0;
}
dl.switch > dd > ol.algorithm {
margin-left: -2em;
}
dl.switch {
@@ -330,8 +403,56 @@ dl.switch > dt + dt {
dl.switch > dt:before {
content: '\21AA';
padding: 0 0.5em 0 0;
display: inline-block;
width: 1em;
text-align: right;
line-height: 0.5em;
}
+
+table.vert {
+ border-collapse: collapse;
+ border-top: 2px solid #005a9c;
+ border-bottom: 2px solid #005a9c;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ margin-left: auto;
+ margin-right: auto;
+}
+table.vert td {
+ background: #f0f6ff;
+}
+table.vert th {
+ text-align: left;
+ vertical-align: bottom;
+ border-bottom: 2px solid #005a9c;
+ white-space: nowrap;
+ color: #d9e8ff;
+ background: #005a9c;
+}
+table.vert.compact { font-size: 90% }
+table.vert.compact td, table.vert.compact th { padding: 2px 8px }
+table.vert th a:link,
+table.vert th a:visited { color: #d9e8ff; }
+table.vert th a:hover { color: black; }
+table.vert th, table.vert td { padding: 0.5em 0.75em; }
+table.vert th .attr-name { color: white }
+table.vert th a:hover .element-name { color: #2A2AA5 }
+table.vert th .prop-name { color: white }
+table.vert th a:hover .element-name { color: black }
+table.vert th .element-name { color: white }
+table.vert th a:hover .element-name { color: #A52A2A }
+table.vert td { vertical-align: top; border-top: 1px solid #005a9c; border-top-color: rgb(127, 172, 206) }
+table.offset { margin-left: 2em; margin-right: 2em; }
+table.graph > tbody > tr > td { vertical-align: top }
+table.graph > tbody > tr > td { padding-right: 1em }
+.indented {
+ margin-left: 2em;
+}
+.math var, .math sub, .math sup {
+ font-family: serif;
+}
+.separated {
+ word-spacing: 1em;
+}
+
+.definitions > dt > dfn { font-style: normal; }
Received on Tuesday, 29 April 2014 05:16:26 UTC