- From: SVG Working Group repository <cam@mcc.id.au>
- Date: Mon, 03 Sep 2012 19:43:26 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/dd51ba05bd19
branches:
changeset: 365:dd51ba05bd19
user: Dirk Schulze <dschulze@adobe.com>
date: Mon Sep 03 18:06:21 2012 -0700
description:
Add CSS gradient as paint server for 'fill' and 'stroke'. Fixed wrong references
diffstat:
master/painting.html | 8 +++++++-
master/refs.html | 22 +++++++++++-----------
master/types.html | 12 +++++++++++-
3 files changed, 29 insertions(+), 13 deletions(-)
diffs (161 lines):
diff --git a/master/painting.html b/master/painting.html
--- a/master/painting.html
+++ b/master/painting.html
@@ -88,16 +88,17 @@ paint servers.</p>
<span class="prop-value"><paint></span>, which is specified as follows:</p>
<table>
<tr>
<td><span
class="property"><paint></span>: </td>
<td><span class="prop-value">none |<br />
currentColor |<br />
+ <a href="types.html#DataTypeGradient"><gradient></a> |<br />
<a href="types.html#DataTypeColor"><color></a>
[<a href="types.html#DataTypeICCColor"><icccolor></a>] |<br />
<a href="types.html#DataTypeFuncIRI"><funciri></a> [ none | currentColor | <a href="types.html#DataTypeColor"><color></a>
[<a href="types.html#DataTypeICCColor"><icccolor></a>] ] |<br />
<a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></span></td>
@@ -113,16 +114,21 @@ paint servers.</p>
by the <a>'color'</a> property. This
mechanism is provided to facilitate sharing of color
attributes between parent grammars such as other (non-SVG)
XML. This mechanism allows you to define a style in your HTML
which sets the <span class='property'>'color'</span> property and then pass that style to
the SVG user agent so that your SVG text will draw in the
same color.</dd>
+ <dt><strong><a href="types.html#DataTypeGradient"><gradient></a></strong></dt>
+ <dd><a href="types.html#DataTypeGradient"><gradient></a> is a CSS gradient that can be
+ set as a paint server. Percentage values
+ get resolved against the bounding box of the element to which the gradient is applied.</dd>
+
<dt><strong><color> [<icccolor>]</strong></dt>
<dd><a href="types.html#DataTypeColor"><color></a> is
the explicit color (in the sRGB color space [<a href='refs.html#ref-SRGB'>SRGB</a>])
to be used to paint the current object. SVG supports all of
the syntax alternatives for <color>
<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#value-def-color">defined in CSS 2.1</a>
([<a href="refs.html#ref-CSS21">CSS21</a>], section 4.3.6), with the
exception that SVG contains an expanded list of <a
@@ -149,17 +155,17 @@ paint servers.</p>
href="color.html#ColorProfileDescriptions">Color profile
descriptions</a>.</dd>
<dt><strong><a href="types.html#DataTypeFuncIRI"><funciri></a><br />
[ none |<br />
currentColor |<br />
<color>
[<icccolor>] ]</strong></dt>
- <dd>The <a href="types.html#DataTypeFuncIRI"><funciri></a> is used to identify a <a
+ <dd><a href="types.html#DataTypeFuncIRI"><funciri></a> is used to identify a <a
href="pservers.html">paint server</a> such as a gradient, a
pattern or a custom paint defined by an extension (see <a
href="extend.html">Extensibility</a>). The <funciri>
points to the paint server (e.g., a <a
href="pservers.html#Gradients">gradient</a> or <a
href="pservers.html#Patterns">pattern</a>) to be
used to paint the current object. If the <a
href="linking.html#IRIReference">IRI reference</a>
diff --git a/master/refs.html b/master/refs.html
--- a/master/refs.html
+++ b/master/refs.html
@@ -93,26 +93,16 @@
<cite class="w3cwd"><a href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/">CSS Basic User Interface Module Level 3 (CSS3 UI)</a></cite>,
T. Çelik, ed.
World Wide Web Consortium, 17 January 2012.
<br/>This edition of CSS3 UI is http://www.w3.org/TR/2012/WD-css3-ui-20120117/.
<br/>The <a href="http://www.w3.org/TR/css3-ui/">latest edition of CSS3 UI</a> is available at
http://www.w3.org/TR/css3-ui/.
</dd>
- <dt id="ref-CSS3IMAGES" class="normref">[CSS3IMAGES]</dt>
- <dd>
- <cite class="w3cwd"><a href="http://dev.w3.org/csswg/css4-images/">CSS Image
- Values and Replaced Content Module Level 4</a></cite>,
- E. Etemad, T. Atkins, eds.
- World Wide Web Consortium, 21 July 2012.
- <br/>The <a href="http://dev.w3.org/csswg/css4-images/">latest edition of CSS4 Images</a> is available at
- http://dev.w3.org/csswg/css4-images/.
- </dd>
-
<dt id="ref-CSS3TRANSFORMS" class="normref">[CSS3TRANSFORMS]</dt>
<dd>
<cite class="w3cwd"><a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120403/">CSS Transforms</a></cite>,
S. Fraser, D. Jackson, D. Hyatt, C. Marrin, E. O'Connor, D. Schulze, A. Gregor, eds.
World Wide Web Consortium, 3 April 2012. W3C Working Draft. (Work in progress.)
<br/>This edition of CSS Transforms is http://www.w3.org/TR/2012/WD-css3-transforms-20120403/.
<br/>The <a href="http://www.w3.org/TR/css3-transforms/">latest edition of CSS Transforms</a> is available at
http://www.w3.org/TR/css3-transforms/.
@@ -123,25 +113,35 @@
<cite class="w3cwd"><a href="http://www.w3.org/TR/2012/WD-css3-values-20120308/">CSS Values and Units Level 3</a></cite>,
H. Lie, T. Atkins, E. Etemad, eds.
World Wide Web Consortium, 8 March 2012. W3C Working Draft. (Work in progress.)
<br/>This edition of CSS3 Values and Units is http://www.w3.org/TR/2012/WD-css3-values-20120308/.
<br/>The <a href="http://www.w3.org/TR/css3-values/">latest edition of CSS3 Values and Units</a> is available at
http://www.w3.org/TR/css3-values/.
</dd>
- <dt id="ref-CSS4IMAGES" class="normref">[CSS4IMAGES]</dt>
+ <dt id="ref-CSS3IMAGES" class="normref">[CSS3IMAGES]</dt>
<dd>
<cite class="w3cwd"><a href="http://www.w3.org/TR/css3-images/">CSS Image
Values and Replaced Content Module Level 3</a></cite>,
E. Etemad, T. Atkins, eds.
World Wide Web Consortium, 17 April 2012.
<br/>The <a href="http://www.w3.org/TR/css3-images/">latest edition of CSS4 Images</a> is available at
http://www.w3.org/TR/css3-images/.
</dd>
+
+ <dt id="ref-CSS4IMAGES" class="normref">[CSS4IMAGES]</dt>
+ <dd>
+ <cite class="w3cwd"><a href="http://dev.w3.org/csswg/css4-images/">CSS Image
+ Values and Replaced Content Module Level 4</a></cite>,
+ E. Etemad, T. Atkins, eds.
+ World Wide Web Consortium, 21 July 2012.
+ <br/>The <a href="http://dev.w3.org/csswg/css4-images/">latest edition of CSS4 Images</a> is available at
+ http://dev.w3.org/csswg/css4-images/.
+ </dd>
</dl>
<dl class="references">
<dt id="ref-DOM2EVENTS" class="normref">[DOM2EVENTS]</dt>
<dd>
<cite class="w3crec"><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/">Document Object Model (DOM) Level 2 Events Specification</a></cite>,
T. Pixley, ed.
World Wide Web Consortium, 13 November 2000.
diff --git a/master/types.html b/master/types.html
--- a/master/types.html
+++ b/master/types.html
@@ -378,17 +378,27 @@ attributes, including presentation attri
<p>In the SVG DOM, <frequency> values are represented
using the <a>CSSPrimitiveValue</a>
interface defined in <a href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html'>Document Object Model CSS</a>
([<a href='refs.html#ref-DOM2STYLE'>DOM2STYLE</a>], section 2.2).</p>
</dd>
<dt id='DataTypeFuncIRI'><FuncIRI></dt>
<dd>Functional notation for an <a>IRI</a>: "url(" <a href="#DataTypeIRI"><IRI></a> ")".</dd>
-
+
+ <dt id='DataTypeGradient'><gradient></dt>
+ <dd>
+ <p>
+ A gradient as defined by CSS Level 3 Image
+ Values [<a href='refs.html#ref-CSS3IMAGES'>CSS3IMAGES</a>] and can be used
+ as paint server for the properties <a>'fill'</a> and <a>'stroke'</a>. Percentage values get resolved
+ against the bounding box of the element to which the gradient is applied.
+ </p>
+ </dd>
+
<dt id='DataTypeICCColor'><icccolor></dt>
<dd>
<p>An <icccolor> is an ICC color specification. In SVG 1.1,
an ICC color specification is given by a name, which references
a <a>'color-profile element'</a> element, and one or more color component
values. The grammar is as follows:</p>
<pre class='grammar'><span id='ICCColor'>icccolor</span> ::= "icc-color(" author-ident (<a href='#CommaWSP'>comma-wsp</a> <a href='#Number'>number</a>)+ ")"</pre>
Received on Tuesday, 4 September 2012 02:44:32 UTC