Add CSS gradient as paint server for 'fill' and 'stroke'. Fixed wrong references
authorDirk Schulze <dschulze@adobe.com>
Mon, 03 Sep 2012 18:06:21 -0700
changeset 365 dd51ba05bd19
parent 364 5cdc214e53a7
child 366 8768ba6b67e2
child 399 4e8546324940
Add CSS gradient as paint server for 'fill' and 'stroke'. Fixed wrong references
master/painting.html
master/refs.html
master/types.html
--- a/master/painting.html	Tue Sep 04 11:25:02 2012 +1000
+++ b/master/painting.html	Mon Sep 03 18:06:21 2012 -0700
@@ -93,6 +93,7 @@
         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>
@@ -118,6 +119,11 @@
   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>])
@@ -154,7 +160,7 @@
    &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;
--- a/master/refs.html	Tue Sep 04 11:25:02 2012 +1000
+++ b/master/refs.html	Mon Sep 03 18:06:21 2012 -0700
@@ -98,16 +98,6 @@
     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>,
@@ -128,7 +118,7 @@
     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>,
@@ -137,6 +127,16 @@
     <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">
--- a/master/types.html	Tue Sep 04 11:25:02 2012 +1000
+++ b/master/types.html	Mon Sep 03 18:06:21 2012 -0700
@@ -383,7 +383,17 @@
   
   <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,