W3C home > Mailing lists > Public > public-svg-wg@w3.org > July to September 2012

svg2: Add CSS gradient as paint server for 'fill' and 'stroke'. Fixed...

From: SVG Working Group repository <cam@mcc.id.au>
Date: Mon, 03 Sep 2012 19:43:26 -0700
Message-Id: <hg.dd51ba05bd19.1346726606.3034738116371802840@ps58493.dreamhostps.com>
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">&lt;paint&gt;</span>, which is specified as follows:</p>
 
     <table>
       <tr>
         <td><span
         class="property">&lt;paint&gt;</span>:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td><span class="prop-value">none |<br />
          currentColor |<br />
+         <a href="types.html#DataTypeGradient">&lt;gradient&gt;</a> |<br />
          <a href="types.html#DataTypeColor">&lt;color&gt;</a>
          [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>] |<br />
           <a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> [ none | currentColor | <a href="types.html#DataTypeColor">&lt;color&gt;</a>
          [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</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">&lt;gradient&gt;</a></strong></dt>
+  <dd><a href="types.html#DataTypeGradient">&lt;gradient&gt;</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>&lt;color&gt; [&lt;icccolor&gt;]</strong></dt>
   <dd><a href="types.html#DataTypeColor">&lt;color&gt;</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 &lt;color&gt;
   <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">&lt;funciri&gt;</a><br />
    &nbsp;&nbsp;&nbsp;[ none |<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;currentColor |<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;color&gt;
   [&lt;icccolor&gt;] ]</strong></dt>
-  <dd>The <a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> is used to identify a <a
+  <dd><a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</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 &lt;funciri&gt;
   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, &lt;frequency&gt; 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'>&lt;FuncIRI&gt;</dt>
   <dd>Functional notation for an <a>IRI</a>: "url(" <a href="#DataTypeIRI">&lt;IRI&gt;</a> ")".</dd>
-  
+
+  <dt id='DataTypeGradient'>&lt;gradient&gt;</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'>&lt;icccolor&gt;</dt>
   <dd>
     <p>An &lt;icccolor&gt; 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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 4 September 2012 02:44:32 GMT