Add CSS gradient as paint server for 'fill' and 'stroke'. Fixed wrong references
authorDirk Schulze <dschulze@adobe.com>
Mon Sep 03 18:06:21 2012 -0700
changeset 365dd51ba05bd19
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
     1.1 --- a/master/painting.html
     1.2 +++ b/master/painting.html
     1.3 @@ -88,16 +88,17 @@ paint servers.</p>
     1.4  <span class="prop-value">&lt;paint&gt;</span>, which is specified as follows:</p>
     1.5  
     1.6      <table>
     1.7        <tr>
     1.8          <td><span
     1.9          class="property">&lt;paint&gt;</span>:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    1.10          <td><span class="prop-value">none |<br />
    1.11           currentColor |<br />
    1.12 +         <a href="types.html#DataTypeGradient">&lt;gradient&gt;</a> |<br />
    1.13           <a href="types.html#DataTypeColor">&lt;color&gt;</a>
    1.14           [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>] |<br />
    1.15            <a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> [ none | currentColor | <a href="types.html#DataTypeColor">&lt;color&gt;</a>
    1.16           [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>] ] |<br />
    1.17           <a class="noxref"
    1.18          href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
    1.19          <span
    1.20          class="value-inst-inherit noxref">inherit</span></a></span></td>
    1.21 @@ -113,16 +114,21 @@ paint servers.</p>
    1.22    by the <a>'color'</a> property. This
    1.23    mechanism is provided to facilitate sharing of color
    1.24    attributes between parent grammars such as other (non-SVG)
    1.25    XML. This mechanism allows you to define a style in your HTML
    1.26    which sets the <span class='property'>'color'</span> property and then pass that style to
    1.27    the SVG user agent so that your SVG text will draw in the
    1.28    same color.</dd>
    1.29  
    1.30 +  <dt><strong><a href="types.html#DataTypeGradient">&lt;gradient&gt;</a></strong></dt>
    1.31 +  <dd><a href="types.html#DataTypeGradient">&lt;gradient&gt;</a> is a CSS gradient that can be
    1.32 +  set as a paint server. Percentage values
    1.33 +  get resolved against the bounding box of the element to which the gradient is applied.</dd>
    1.34 +
    1.35    <dt><strong>&lt;color&gt; [&lt;icccolor&gt;]</strong></dt>
    1.36    <dd><a href="types.html#DataTypeColor">&lt;color&gt;</a> is
    1.37    the explicit color (in the sRGB color space [<a href='refs.html#ref-SRGB'>SRGB</a>])
    1.38    to be used to paint the current object. SVG supports all of
    1.39    the syntax alternatives for &lt;color&gt;
    1.40    <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#value-def-color">defined in CSS 2.1</a>
    1.41    ([<a href="refs.html#ref-CSS21">CSS21</a>], section 4.3.6), with the
    1.42    exception that SVG contains an expanded list of <a
    1.43 @@ -149,17 +155,17 @@ paint servers.</p>
    1.44    href="color.html#ColorProfileDescriptions">Color profile
    1.45    descriptions</a>.</dd>
    1.46  
    1.47    <dt><strong><a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a><br />
    1.48     &nbsp;&nbsp;&nbsp;[ none |<br />
    1.49     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;currentColor |<br />
    1.50     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;color&gt;
    1.51    [&lt;icccolor&gt;] ]</strong></dt>
    1.52 -  <dd>The <a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> is used to identify a <a
    1.53 +  <dd><a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> is used to identify a <a
    1.54    href="pservers.html">paint server</a> such as a gradient, a
    1.55    pattern or a custom paint defined by an extension (see <a
    1.56    href="extend.html">Extensibility</a>). The &lt;funciri&gt;
    1.57    points to the paint server (e.g., a <a
    1.58    href="pservers.html#Gradients">gradient</a> or <a
    1.59    href="pservers.html#Patterns">pattern</a>) to be
    1.60    used to paint the current object. If the <a
    1.61    href="linking.html#IRIReference">IRI reference</a>
     2.1 --- a/master/refs.html
     2.2 +++ b/master/refs.html
     2.3 @@ -93,26 +93,16 @@
     2.4      <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>,
     2.5      T. Çelik, ed.
     2.6      World Wide Web Consortium, 17 January 2012.
     2.7      <br/>This edition of CSS3 UI is http://www.w3.org/TR/2012/WD-css3-ui-20120117/.
     2.8      <br/>The <a href="http://www.w3.org/TR/css3-ui/">latest edition of CSS3 UI</a> is available at
     2.9      http://www.w3.org/TR/css3-ui/.
    2.10    </dd>
    2.11  
    2.12 -  <dt id="ref-CSS3IMAGES" class="normref">[CSS3IMAGES]</dt>
    2.13 -  <dd>
    2.14 -    <cite class="w3cwd"><a href="http://dev.w3.org/csswg/css4-images/">CSS Image
    2.15 -        Values and Replaced Content Module Level 4</a></cite>,
    2.16 -    E. Etemad, T. Atkins, eds.
    2.17 -    World Wide Web Consortium, 21 July 2012.
    2.18 -    <br/>The <a href="http://dev.w3.org/csswg/css4-images/">latest edition of CSS4 Images</a> is available at
    2.19 -    http://dev.w3.org/csswg/css4-images/.
    2.20 -  </dd>
    2.21 -
    2.22    <dt id="ref-CSS3TRANSFORMS" class="normref">[CSS3TRANSFORMS]</dt>
    2.23    <dd>
    2.24      <cite class="w3cwd"><a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120403/">CSS Transforms</a></cite>,
    2.25      S. Fraser, D. Jackson, D. Hyatt, C. Marrin, E. O'Connor, D. Schulze, A. Gregor, eds.
    2.26      World Wide Web Consortium, 3 April 2012. W3C Working Draft. (Work in progress.)
    2.27      <br/>This edition of CSS Transforms is http://www.w3.org/TR/2012/WD-css3-transforms-20120403/.
    2.28      <br/>The <a href="http://www.w3.org/TR/css3-transforms/">latest edition of CSS Transforms</a> is available at
    2.29      http://www.w3.org/TR/css3-transforms/.
    2.30 @@ -123,25 +113,35 @@
    2.31      <cite class="w3cwd"><a href="http://www.w3.org/TR/2012/WD-css3-values-20120308/">CSS Values and Units Level 3</a></cite>,
    2.32      H. Lie, T. Atkins, E. Etemad, eds.
    2.33      World Wide Web Consortium, 8 March 2012. W3C Working Draft. (Work in progress.)
    2.34      <br/>This edition of CSS3 Values and Units is http://www.w3.org/TR/2012/WD-css3-values-20120308/.
    2.35      <br/>The <a href="http://www.w3.org/TR/css3-values/">latest edition of CSS3 Values and Units</a> is available at
    2.36      http://www.w3.org/TR/css3-values/.
    2.37    </dd>
    2.38  
    2.39 -  <dt id="ref-CSS4IMAGES" class="normref">[CSS4IMAGES]</dt>
    2.40 +  <dt id="ref-CSS3IMAGES" class="normref">[CSS3IMAGES]</dt>
    2.41    <dd>
    2.42      <cite class="w3cwd"><a href="http://www.w3.org/TR/css3-images/">CSS Image
    2.43          Values and Replaced Content Module Level 3</a></cite>,
    2.44      E. Etemad, T. Atkins, eds.
    2.45      World Wide Web Consortium, 17 April 2012.
    2.46      <br/>The <a href="http://www.w3.org/TR/css3-images/">latest edition of CSS4 Images</a> is available at
    2.47      http://www.w3.org/TR/css3-images/.
    2.48    </dd>
    2.49 +
    2.50 +  <dt id="ref-CSS4IMAGES" class="normref">[CSS4IMAGES]</dt>
    2.51 +  <dd>
    2.52 +    <cite class="w3cwd"><a href="http://dev.w3.org/csswg/css4-images/">CSS Image
    2.53 +        Values and Replaced Content Module Level 4</a></cite>,
    2.54 +    E. Etemad, T. Atkins, eds.
    2.55 +    World Wide Web Consortium, 21 July 2012.
    2.56 +    <br/>The <a href="http://dev.w3.org/csswg/css4-images/">latest edition of CSS4 Images</a> is available at
    2.57 +    http://dev.w3.org/csswg/css4-images/.
    2.58 +  </dd>
    2.59  </dl>
    2.60  
    2.61  <dl class="references">
    2.62    <dt id="ref-DOM2EVENTS" class="normref">[DOM2EVENTS]</dt>
    2.63    <dd>
    2.64      <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>,
    2.65      T. Pixley, ed.
    2.66      World Wide Web Consortium, 13 November 2000.
     3.1 --- a/master/types.html
     3.2 +++ b/master/types.html
     3.3 @@ -378,17 +378,27 @@ attributes, including presentation attri
     3.4      <p>In the SVG DOM, &lt;frequency&gt; values are represented
     3.5      using the <a>CSSPrimitiveValue</a>
     3.6      interface defined in <a href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html'>Document Object Model CSS</a>
     3.7      ([<a href='refs.html#ref-DOM2STYLE'>DOM2STYLE</a>], section 2.2).</p>
     3.8    </dd>
     3.9    
    3.10    <dt id='DataTypeFuncIRI'>&lt;FuncIRI&gt;</dt>
    3.11    <dd>Functional notation for an <a>IRI</a>: "url(" <a href="#DataTypeIRI">&lt;IRI&gt;</a> ")".</dd>
    3.12 -  
    3.13 +
    3.14 +  <dt id='DataTypeGradient'>&lt;gradient&gt;</dt>
    3.15 +  <dd>
    3.16 +    <p>
    3.17 +      A gradient as defined by CSS Level 3 Image
    3.18 +      Values [<a href='refs.html#ref-CSS3IMAGES'>CSS3IMAGES</a>] and can be used
    3.19 +      as paint server for the properties <a>'fill'</a> and <a>'stroke'</a>. Percentage values get resolved
    3.20 +      against the bounding box of the element to which the gradient is applied.
    3.21 +    </p>
    3.22 +  </dd>
    3.23 +
    3.24    <dt id='DataTypeICCColor'>&lt;icccolor&gt;</dt>
    3.25    <dd>
    3.26      <p>An &lt;icccolor&gt; is an ICC color specification.  In SVG 1.1,
    3.27      an ICC color specification is given by a name, which references
    3.28      a <a>'color-profile element'</a> element, and one or more color component
    3.29      values.  The grammar is as follows:</p>
    3.30  
    3.31      <pre class='grammar'><span id='ICCColor'>icccolor</span> ::= "icc-color(" author-ident (<a href='#CommaWSP'>comma-wsp</a> <a href='#Number'>number</a>)+ ")"</pre>