--- a/Makefile Tue Apr 29 09:25:01 2014 +1000
+++ b/Makefile Tue Apr 29 09:58:12 2014 +1000
@@ -1,4 +1,4 @@
-# Makefile for SVG 1.1 Second Edition.
+# Makefile for SVG 2.
all-with-tools-check : tools-check all
@@ -6,7 +6,7 @@
@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
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/index.html Tue Apr 29 09:58:12 2014 +1000
@@ -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>.
--- a/master/animate.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/animate.html Tue Apr 29 09:58:12 2014 +1000
@@ -241,7 +241,7 @@
<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" />
@@ -2108,7 +2108,7 @@
<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"
@@ -2635,7 +2635,7 @@
<?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;
--- a/master/changes.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/changes.html Tue Apr 29 09:58:12 2014 +1000
@@ -126,6 +126,12 @@
<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>
@@ -257,6 +263,7 @@
</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>
@@ -308,12 +315,27 @@
<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>
--- a/master/coords.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/coords.html Tue Apr 29 09:58:12 2014 +1000
@@ -181,7 +181,7 @@
<!-- 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>
@@ -417,7 +417,7 @@
<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
@@ -482,7 +482,7 @@
<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 -->
@@ -499,7 +499,7 @@
<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 -->
@@ -808,7 +808,7 @@
<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
@@ -1469,15 +1469,11 @@
<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
@@ -1508,7 +1504,7 @@
</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>
@@ -1524,7 +1520,7 @@
</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>
@@ -1541,7 +1537,7 @@
</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>
@@ -1556,7 +1552,7 @@
</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>
@@ -1565,7 +1561,9 @@
<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>
--- a/master/definitions.xml Tue Apr 29 09:25:01 2014 +1000
+++ b/master/definitions.xml Tue Apr 29 09:58:12 2014 +1000
@@ -14,7 +14,7 @@
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'/>
@@ -162,7 +162,7 @@
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
@@ -198,103 +198,6 @@
</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'
@@ -302,8 +205,8 @@
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
@@ -311,33 +214,17 @@
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'/>
@@ -345,7 +232,6 @@
<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
@@ -379,15 +265,6 @@
</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'
@@ -457,7 +334,7 @@
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'>
@@ -514,16 +391,6 @@
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'
@@ -551,7 +418,7 @@
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'>
@@ -700,16 +567,14 @@
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>
@@ -729,7 +594,7 @@
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'>
@@ -867,19 +732,11 @@
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'/>
@@ -902,21 +759,7 @@
-->
<!-- 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'/>
@@ -931,8 +774,8 @@
<!-- <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'/>
@@ -1184,6 +1027,8 @@
<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'/>
@@ -1321,16 +1166,6 @@
<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'/>
--- a/master/embedded.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/embedded.html Tue Apr 29 09:58:12 2014 +1000
@@ -285,7 +285,7 @@
<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>
--- a/master/extend.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/extend.html Tue Apr 29 09:58:12 2014 +1000
@@ -56,7 +56,7 @@
<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"
@@ -147,9 +147,10 @@
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>).
@@ -158,9 +159,10 @@
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>).
@@ -179,7 +181,7 @@
<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
@@ -265,7 +267,7 @@
<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>
@@ -274,6 +276,7 @@
<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>
--- a/master/feature.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/feature.html Tue Apr 29 09:58:12 2014 +1000
@@ -409,20 +409,6 @@
<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>
--- a/master/fonts.html Tue Apr 29 09:25:01 2014 +1000
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -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>
--- a/master/idlindex.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/idlindex.html Tue Apr 29 09:58:12 2014 +1000
@@ -53,20 +53,12 @@
<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>
@@ -83,7 +75,6 @@
<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>
@@ -140,7 +131,6 @@
<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>
--- a/master/images/coords/Nested.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/Nested.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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" >
--- a/master/images/coords/NewCoordSys.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/NewCoordSys.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,6 +1,6 @@
<?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 -->
--- a/master/images/coords/OrigCoordSys.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/OrigCoordSys.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,6 +1,6 @@
<?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 -->
--- a/master/images/coords/PreserveAspectRatio.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/PreserveAspectRatio.svg Tue Apr 29 09:58:12 2014 +1000
@@ -15,7 +15,7 @@
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"
--- a/master/images/coords/RotateScale.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/RotateScale.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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" >
--- a/master/images/coords/Skew.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/Skew.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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" >
--- a/master/images/coords/Units.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/Units.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,6 +1,6 @@
<?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>
--- a/master/images/coords/ViewBox-Width150.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/ViewBox-Width150.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,7 +1,7 @@
<?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
--- a/master/images/coords/ViewBox.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/ViewBox.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,7 +1,7 @@
<?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
--- a/master/images/coords/geocoord1.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/geocoord1.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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>
--- a/master/images/coords/geocoord2.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/geocoord2.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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>
--- a/master/images/coords/geocoord3.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/coords/geocoord3.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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>
--- a/master/images/painting/non-scaling-stroke.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/painting/non-scaling-stroke.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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)">
--- a/master/images/pservers/gradient_vector_and_normal_alt.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/pservers/gradient_vector_and_normal_alt.svg Tue Apr 29 09:58:12 2014 +1000
@@ -4,7 +4,6 @@
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
- version="1.1"
width="600"
height="300">
<defs>
--- a/master/images/pservers/radgrad01.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/pservers/radgrad01.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,6 +1,5 @@
<?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>
--- a/master/images/struct/Use04.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/struct/Use04.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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" >
--- a/master/images/styling/ExternalCSSStyleSheet.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/styling/ExternalCSSStyleSheet.svg Tue Apr 29 09:58:12 2014 +1000
@@ -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>
--- a/master/images/styling/InternalCSSStyleSheet.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/styling/InternalCSSStyleSheet.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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[
--- a/master/images/styling/PresentationAttributes.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/styling/PresentationAttributes.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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"/>
--- a/master/images/styling/StyleAttribute.svg Tue Apr 29 09:25:01 2014 +1000
+++ b/master/images/styling/StyleAttribute.svg Tue Apr 29 09:58:12 2014 +1000
@@ -1,5 +1,5 @@
<?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"/>
--- a/master/linking.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/linking.html Tue Apr 29 09:58:12 2014 +1000
@@ -168,7 +168,7 @@
<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>
--- a/master/masking.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/masking.html Tue Apr 29 09:58:12 2014 +1000
@@ -131,26 +131,32 @@
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>
@@ -164,12 +170,15 @@
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>]
@@ -178,7 +187,7 @@
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
--- a/master/metadata.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/metadata.html Tue Apr 29 09:58:12 2014 +1000
@@ -99,7 +99,7 @@
<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>
--- a/master/painting.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/painting.html Tue Apr 29 09:58:12 2014 +1000
@@ -3382,7 +3382,7 @@
<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"
@@ -3409,7 +3409,7 @@
<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
--- a/master/publish.xml Tue Apr 29 09:25:01 2014 +1000
+++ b/master/publish.xml Tue Apr 29 09:58:12 2014 +1000
@@ -65,7 +65,6 @@
<chapter name='linking'/>
<chapter name='script'/>
<chapter name='animate'/>
- <chapter name='fonts'/>
<chapter name='metadata'/>
<chapter name='backward'/>
<chapter name='extend'/>
--- a/master/script.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/script.html Tue Apr 29 09:58:12 2014 +1000
@@ -79,7 +79,7 @@
<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 -->
--- a/master/struct.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/struct.html Tue Apr 29 09:58:12 2014 +1000
@@ -47,7 +47,7 @@
<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>
<!-- ... -->
@@ -212,8 +212,6 @@
<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>
@@ -289,62 +287,6 @@
<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>
@@ -368,16 +310,17 @@
</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>
@@ -586,7 +529,7 @@
<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>
@@ -975,7 +918,7 @@
<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>
@@ -1780,7 +1723,7 @@
</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">
@@ -2139,16 +2082,6 @@
<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>
@@ -2209,11 +2142,6 @@
<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>
@@ -2500,6 +2428,7 @@
<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>
@@ -2509,6 +2438,7 @@
<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>
--- a/master/styling.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/styling.html Tue Apr 29 09:58:12 2014 +1000
@@ -78,6 +78,12 @@
</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>
@@ -479,7 +485,7 @@
<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>
@@ -517,7 +523,7 @@
<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>
@@ -1055,6 +1061,111 @@
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>
--- a/master/text.html Tue Apr 29 09:25:01 2014 +1000
+++ b/master/text.html Tue Apr 29 09:58:12 2014 +1000
@@ -62,6 +62,48 @@
</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>
@@ -321,15 +363,49 @@
</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>
@@ -5198,7 +5274,7 @@
<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>
@@ -5219,7 +5295,7 @@
<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>
@@ -6370,17 +6446,10 @@
<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.
@@ -6557,8 +6626,8 @@
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
@@ -6638,23 +6707,6 @@
<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>
@@ -6777,9 +6829,7 @@
</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
@@ -7769,9 +7819,7 @@
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>
--- a/specs/integration/master/Overview.html Tue Apr 29 09:25:01 2014 +1000
+++ b/specs/integration/master/Overview.html Tue Apr 29 09:58:12 2014 +1000
@@ -2,7 +2,7 @@
<!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"/>
@@ -11,8 +11,8 @@
text-align: right;
}
.embedcontext, table.ref_modes td {
- width: 150px;
- height: 150px;
+ width: 120px;
+ height: 120px;
}
table.ref_modes td {
border: gainsboro 1px solid;
@@ -22,8 +22,8 @@
}
.bg {
background-image: url(./smiley.svg);
- width: 150px;
- height: 150px;
+ width: 120px;
+ height: 120px;
}
table.features {
border: gray 1px solid;
@@ -82,6 +82,8 @@
#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) {
@@ -117,7 +119,7 @@
<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>
@@ -132,7 +134,9 @@
<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>
@@ -141,16 +145,13 @@
<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>
@@ -160,7 +161,8 @@
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>,
@@ -192,7 +194,7 @@
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>
@@ -200,6 +202,7 @@
<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
@@ -211,6 +214,7 @@
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>
@@ -218,183 +222,350 @@
<h2 id="intro">Introduction</h2>
-<p><em>Describe the technology and specification here.</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>This document is normative.</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>
-
-<h3 id="use-cases">Use Cases and Requirements</h3>
-
-<p><em>This section is informative.</em></p>
-
-<p>Here are some of the use cases and requirements for this specification.</p>
+<p><em>This section is non-normative.</em></p>
-<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>
-
-<h2 id="referencing-modes">Referencing Modes for SVG</h2>
+<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>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>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>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>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>
-<p class="issue">Should we have an Immediate Mode?</p>
+<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 class="issue">Should we talk about CORS here?</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>
+<h2 id="referencing-modes">Referencing modes</h2>
-<h3 id="definitions">Feature Definitions</h3>
+<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>
+
+<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 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 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>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>external stylesheets (XSL or CSS)</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 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>
-
- <li>CSS @import rule</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>@font-face with external src</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><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>
@@ -417,27 +588,22 @@
<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>
@@ -460,23 +626,19 @@
<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>
@@ -499,22 +661,22 @@
<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>
@@ -537,21 +699,19 @@
<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>
@@ -574,56 +734,14 @@
<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
@@ -635,17 +753,14 @@
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>
@@ -654,28 +769,30 @@
<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>
-
-<h2 id="foreign-content">Foreign Content in SVG</h2>
+</div>
-<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>
+<h2 id="foreign-content">Embedding foreign content in SVG</h2>
-<h3 id="foreignobject">The <span class="element-name">'foreignObject'</span> Element</h3>
+<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="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
@@ -691,34 +808,18 @@
<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>
-
-<h2 id="inline-svg">SVG in Foreign Content</h2>
-
-<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>
+<h3 id="foreign-content-svg">Using SVG in <span class='element-name'>'foreignObject'</span></h3>
-<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'>TODO</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>
@@ -757,14 +858,14 @@
<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>
@@ -810,15 +911,15 @@
<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>
@@ -854,6 +955,7 @@
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]
@@ -1099,9 +1201,11 @@
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>
@@ -1122,25 +1226,35 @@
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.
@@ -1155,6 +1269,7 @@
<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>
--- a/specs/integration/master/definitions.xml Tue Apr 29 09:25:01 2014 +1000
+++ b/specs/integration/master/definitions.xml Tue Apr 29 09:58:12 2014 +1000
@@ -6,8 +6,10 @@
<!-- ... -->
- <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 ================================ -->
--- a/specs/integration/master/publish.xml Tue Apr 29 09:25:01 2014 +1000
+++ b/specs/integration/master/publish.xml Tue Apr 29 09:58:12 2014 +1000
@@ -1,10 +1,9 @@
-<!-- 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'/>
<!--
@@ -14,17 +13,15 @@
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'/>
--- a/specs/integration/master/style/default_no_issues.css Tue Apr 29 09:25:01 2014 +1000
+++ b/specs/integration/master/style/default_no_issues.css Tue Apr 29 09:58:12 2014 +1000
@@ -2,7 +2,7 @@
* 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;
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/specs/integration/master/style/default_no_maturity.css Tue Apr 29 09:58:12 2014 +1000
@@ -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 }
--- a/specs/integration/master/style/default_svg.css Tue Apr 29 09:25:01 2014 +1000
+++ b/specs/integration/master/style/default_svg.css Tue Apr 29 09:58:12 2014 +1000
@@ -84,6 +84,7 @@
/*.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; }
@@ -100,6 +101,7 @@
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;
@@ -255,6 +257,68 @@
/* 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,
@@ -310,6 +374,15 @@
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;
@@ -335,3 +408,51 @@
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; }