Incorporate feedback from Björn Höhrmann
authorDirk Schulze <dschulze@adobe.com>
Sat, 09 Mar 2013 17:18:22 -0800
changeset 731fd09b94a3a4d
parent 730 35f523801990
child 732 4bc3e050d273
Incorporate feedback from Björn Höhrmann
masking/ChangeLog
masking/Masking.src.html
masking/index.html
     1.1 --- a/masking/ChangeLog	Sat Mar 09 06:51:24 2013 -0800
     1.2 +++ b/masking/ChangeLog	Sat Mar 09 17:18:22 2013 -0800
     1.3 @@ -1,3 +1,7 @@
     1.4 +2013-03-10  Dirk Schulze  <dschulze@adobe.com>
     1.5 +	Incorporate feedback from Björn Höhrmann.
     1.6 +	http://lists.w3.org/Archives/Public/www-style/2013Mar/0190.html
     1.7 +
     1.8  2013-03-08  Dirk Schulze  <dschulze@adobe.com>
     1.9  	Introduce unclipped masks for 'mask' element.
    1.10  
     2.1 --- a/masking/Masking.src.html	Sat Mar 09 06:51:24 2013 -0800
     2.2 +++ b/masking/Masking.src.html	Sat Mar 09 17:18:22 2013 -0800
     2.3 @@ -194,8 +194,7 @@
     2.4  
     2.5  <p>
     2.6    This specification follows the <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property definition
     2.7 -  conventions</a> from [[!CSS21]]. Value types not defined in this specification are defined in CSS Level 2 Revision 1
     2.8 -  [[!CSS21]].
     2.9 +  conventions</a> from [[!CSS21]]. Value types not defined in this specification are defined in CSS Values and Units Module Level 3 [[!CSS3VAL]].
    2.10  </p>
    2.11  
    2.12  <p>
    2.13 @@ -430,7 +429,7 @@
    2.14      <dfn>'&lt;url&gt;'</dfn>
    2.15    </dt>
    2.16    <dd>
    2.17 -    A URL reference to a <a>'mask element'</a> element (for example ''url(commonmasks.xml#mask)'') or an <var>&lt;image&gt;</var>.
    2.18 +    A URL reference to a <a>'mask element'</a> element (for example ''url(commonmasks.svg#mask)'') or an <var>&lt;image&gt;</var>.
    2.19    </dd>
    2.20    <dt>''child''</dt>
    2.21    <dd>
    2.22 @@ -523,7 +522,7 @@
    2.23        <td>as specified
    2.24      <tr>
    2.25        <th>Animatable:
    2.26 -      <td>yes except keyword values
    2.27 +      <td>no
    2.28  </table>
    2.29  
    2.30  <p>The 'mask-source-type' property indicates whether the <var>&lt;mask-reference&gt;</var>
    2.31 @@ -678,7 +677,7 @@
    2.32          otherwise as a percentage.
    2.33      <tr>
    2.34        <th>Animatable:
    2.35 -      <td>yes
    2.36 +      <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-repeatable-list">repeatable list</a> of <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-simple-list">simple list</a> of <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-lpcalc">length, percentage, or calc</a>
    2.37  </table>
    2.38  
    2.39  <p>Where
    2.40 @@ -884,7 +883,8 @@
    2.41        <td>as specified, but with lengths made absolute
    2.42      <tr>
    2.43        <th>Animatable:
    2.44 -      <td>yes except keyword values
    2.45 +      <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-repeatable-list">repeatable list</a> of <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-simple-list">simple list</a> of <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-lpcalc">length, percentage, or calc</a>
    2.46 +      (<span class="note">This means keyword values are not animatable.</span>)
    2.47  </table>
    2.48  
    2.49  <p>Specifies the size of the mask images. Where
    2.50 @@ -979,7 +979,7 @@
    2.51        <td>as specified
    2.52      <tr>
    2.53        <th>Animatable:
    2.54 -      <td>yes except keyword values
    2.55 +      <td>no
    2.56  </table>
    2.57  
    2.58  <p>The 'mask-type' property defines whether the content of the
    2.59 @@ -1473,7 +1473,7 @@
    2.60    </tr>
    2.61    <tr>
    2.62      <th>Animatable:</th>
    2.63 -    <td>yes</td>
    2.64 +    <td>See <a href="http://dev.w3.org/csswg/css3-exclusions/#shape-inside">'shape-inside'</a> and <a href="http://dev.w3.org/csswg/css3-exclusions/#shape-outside">'shape-outside'</a> [[!CSS3-EXCLUSIONS]]</td>
    2.65    </tr>
    2.66  </table>
    2.67  
    2.68 @@ -1541,7 +1541,7 @@
    2.69    </tr>
    2.70    <tr>
    2.71      <th>Animatable:</th>
    2.72 -    <td>yes</td>
    2.73 +    <td>no</td>
    2.74    </tr>
    2.75  </table>
    2.76  
    2.77 @@ -1625,7 +1625,7 @@
    2.78    </tr>
    2.79    <tr>
    2.80      <th>Animatable:</th>
    2.81 -    <td>yes</td>
    2.82 +    <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-rect">rectangle</a></td>
    2.83    </tr>
    2.84  </table>
    2.85  
    2.86 @@ -1873,11 +1873,6 @@
    2.87  <p>The <a>SVGMaskElement</a> interface corresponds to the <a>'mask element'</a> element.</p>
    2.88  
    2.89  <pre class="idl">interface <b>SVGMaskElement</b> : <a>SVGElement</a> {
    2.90 -
    2.91 -  // Mask Types
    2.92 -  const unsigned short <a href="#SVGMaskElement__SVG_MASKTYPE_LUMINANCE">SVG_MASKTYPE_LUMINANCE</a> = 0;
    2.93 -  const unsigned short <a href="#SVGMaskElement__SVG_MASKTYPE_ALPHA">SVG_MASKTYPE_ALPHA</a> = 1;
    2.94 -
    2.95    readonly attribute <a>SVGAnimatedEnumeration</a> <a href="#SVGMaskElement__maskUnits">maskUnits</a>;
    2.96    readonly attribute <a>SVGAnimatedEnumeration</a> <a href="#SVGMaskElement__maskContentUnits">maskContentUnits</a>;
    2.97    readonly attribute <a>SVGAnimatedLength</a> <a href="#SVGMaskElement__x">x</a>;
    2.98 @@ -1889,28 +1884,6 @@
    2.99  <a>SVGMaskElement</a> implements <a>SVGUnitTypes</a>;</pre>
   2.100  
   2.101  <dl class="interface">
   2.102 -<dt class="constants-header">Constants in group “Mask Types”:</dt>
   2.103 -<dd>
   2.104 -<dl class="constants">
   2.105 -
   2.106 -<dt id="SVGMaskElement__SVG_MASKTYPE_LUMINANCE" class="constant first-child"><b>SVG_MASKTYPE_LUMINANCE</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt>
   2.107 -<dd class="constant">
   2.108 -<div>
   2.109 -Corresponds to value <span class="attr-value">'luminance'</span>.
   2.110 -
   2.111 -
   2.112 -</div>
   2.113 -</dd>
   2.114 -
   2.115 -<dt id="SVGMaskElement__SVG_MASKTYPE_ALPHA" class="constant"><b>SVG_MASKTYPE_ALPHA</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt>
   2.116 -<dd class="constant">
   2.117 -<div>
   2.118 -Corresponds to value <span class="attr-value">'alpha'</span>.
   2.119 -
   2.120 -
   2.121 -</div>
   2.122 -</dd>
   2.123 -</dl>
   2.124  </dd>
   2.125  <dt class="attributes-header">Attributes:</dt>
   2.126  <dd>
   2.127 @@ -1983,7 +1956,7 @@
   2.128  <dl>
   2.129    <dt id="ref-svg2"><strong class="normref">[SVG2]</strong></dt>
   2.130      <dd>
   2.131 -      Cameron McCormack; <a href="http://www.w3.org/TR/2012/WD-SVG2-20120828/"><cite>Scalable
   2.132 +      Cameron McCormack; et al. <a href="http://www.w3.org/TR/2012/WD-SVG2-20120828/"><cite>Scalable
   2.133        Vector Graphics (SVG) 2</cite>.</a> 28 August 2012. W3C Working Draft. (Work in progress.) URL:
   2.134        <a href="http://www.w3.org/TR/2012/WD-SVG2-20120828/">http://www.w3.org/TR/2012/WD-SVG2-20120828/</a>
   2.135      </dd>
     3.1 --- a/masking/index.html	Sat Mar 09 06:51:24 2013 -0800
     3.2 +++ b/masking/index.html	Sat Mar 09 17:18:22 2013 -0800
     3.3 @@ -11,7 +11,7 @@
     3.4     rel=dcterms.rights>
     3.5    <meta content="CSS Masking" name=dcterms.title>
     3.6    <meta content=text name=dcterms.type>
     3.7 -  <meta content=2013-03-08 name=dcterms.issued>
     3.8 +  <meta content=2013-03-10 name=dcterms.issued>
     3.9    <meta
    3.10     content="http://dvcs.w3.org/hg/FXTF/raw-file/default/masking/index.html"
    3.11     name=dcterms.creator>
    3.12 @@ -34,14 +34,14 @@
    3.13  
    3.14     <h1>CSS Masking</h1>
    3.15  
    3.16 -   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 8 March 2013</h2>
    3.17 +   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 March 2013</h2>
    3.18  
    3.19     <dl>
    3.20      <dt>This version:
    3.21  
    3.22      <dd><a
    3.23       href="http://dvcs.w3.org/hg/FXTF/raw-file/default/masking/index.html">http://dvcs.w3.org/hg/FXTF/raw-file/default/masking/index.html</a>
    3.24 -     <!--http://www.w3.org/TR/2013/WD-css-masking-20130308/-->
    3.25 +     <!--http://www.w3.org/TR/2013/WD-css-masking-20130310/-->
    3.26  
    3.27      <dt>Latest version:
    3.28  
    3.29 @@ -408,8 +408,8 @@
    3.30     href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property
    3.31     definition conventions</a> from <a href="#CSS21"
    3.32     rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Value types not defined in
    3.33 -   this specification are defined in CSS Level 2 Revision 1 <a
    3.34 -   href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>.
    3.35 +   this specification are defined in CSS Values and Units Module Level 3 <a
    3.36 +   href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>.
    3.37  
    3.38    <p> In addition to the property-specific values listed in their
    3.39     definitions, all properties defined in this specification also accept the
    3.40 @@ -711,7 +711,7 @@
    3.41  
    3.42     <dd> A URL reference to a <a class=element-name
    3.43      href="#MaskElement">‘<code class=property>mask</code>’</a> element
    3.44 -    (for example ‘<code class=css>url(commonmasks.xml#mask)</code>’) or
    3.45 +    (for example ‘<code class=css>url(commonmasks.svg#mask)</code>’) or
    3.46      an <a href="#ltimagegt"><var>&lt;image&gt;</var></a>.
    3.47  
    3.48     <dt>‘<code class=css>child</code>’
    3.49 @@ -860,7 +860,7 @@
    3.50      <tr>
    3.51       <th>Animatable:
    3.52  
    3.53 -     <td>yes except keyword values
    3.54 +     <td>no
    3.55    </table>
    3.56  
    3.57    <p>The ‘<a href="#mask-source-type"><code
    3.58 @@ -1098,7 +1098,13 @@
    3.59      <tr>
    3.60       <th>Animatable:
    3.61  
    3.62 -     <td>yes
    3.63 +     <td>as <a
    3.64 +      href="http://dev.w3.org/csswg/css3-transitions/#animtype-repeatable-list">repeatable
    3.65 +      list</a> of <a
    3.66 +      href="http://dev.w3.org/csswg/css3-transitions/#animtype-simple-list">simple
    3.67 +      list</a> of <a
    3.68 +      href="http://dev.w3.org/csswg/css3-transitions/#animtype-lpcalc">length,
    3.69 +      percentage, or calc</a>
    3.70    </table>
    3.71  
    3.72    <p>Where
    3.73 @@ -1410,7 +1416,14 @@
    3.74      <tr>
    3.75       <th>Animatable:
    3.76  
    3.77 -     <td>yes except keyword values
    3.78 +     <td>as <a
    3.79 +      href="http://dev.w3.org/csswg/css3-transitions/#animtype-repeatable-list">repeatable
    3.80 +      list</a> of <a
    3.81 +      href="http://dev.w3.org/csswg/css3-transitions/#animtype-simple-list">simple
    3.82 +      list</a> of <a
    3.83 +      href="http://dev.w3.org/csswg/css3-transitions/#animtype-lpcalc">length,
    3.84 +      percentage, or calc</a> (<span class=note>This means keyword values are
    3.85 +      not animatable.</span>)
    3.86    </table>
    3.87  
    3.88    <p>Specifies the size of the mask images. Where
    3.89 @@ -1563,7 +1576,7 @@
    3.90      <tr>
    3.91       <th>Animatable:
    3.92  
    3.93 -     <td>yes except keyword values
    3.94 +     <td>no
    3.95    </table>
    3.96  
    3.97    <p>The ‘<a href="#mask-type"><code class=property>mask-type</code></a>’
    3.98 @@ -2675,7 +2688,12 @@
    3.99      <tr>
   3.100       <th>Animatable:
   3.101  
   3.102 -     <td>yes
   3.103 +     <td>See <a
   3.104 +      href="http://dev.w3.org/csswg/css3-exclusions/#shape-inside">‘<code
   3.105 +      class=property>shape-inside</code>’</a> and <a
   3.106 +      href="http://dev.w3.org/csswg/css3-exclusions/#shape-outside">‘<code
   3.107 +      class=property>shape-outside</code>’</a> <a href="#CSS3-EXCLUSIONS"
   3.108 +      rel=biblioentry>[CSS3-EXCLUSIONS]<!--{{!CSS3-EXCLUSIONS}}--></a>
   3.109    </table>
   3.110  
   3.111    <pre class=prod><dfn id=ltclip-sourcegt>&lt;clip-source&gt;</dfn> = <a
   3.112 @@ -2770,7 +2788,7 @@
   3.113      <tr>
   3.114       <th>Animatable:
   3.115  
   3.116 -     <td>yes
   3.117 +     <td>no
   3.118    </table>
   3.119  
   3.120    <dl>
   3.121 @@ -2880,7 +2898,8 @@
   3.122      <tr>
   3.123       <th>Animatable:
   3.124  
   3.125 -     <td>yes
   3.126 +     <td>as <a
   3.127 +      href="http://dev.w3.org/csswg/css3-transitions/#animtype-rect">rectangle</a>
   3.128    </table>
   3.129  
   3.130    <p class=note>With this specification the ‘<a href="#ClipProperty"><code
   3.131 @@ -3500,13 +3519,6 @@
   3.132  
   3.133    <pre class=idl>interface <b>SVGMaskElement</b> : <a
   3.134     href="http://www.w3.org/TR/2011/REC-SVG11-20110816/types.html#InterfaceSVGElement">SVGElement</a> {
   3.135 -
   3.136 -  // Mask Types
   3.137 -  const unsigned short <a
   3.138 -   href="#SVGMaskElement__SVG_MASKTYPE_LUMINANCE">SVG_MASKTYPE_LUMINANCE</a> = 0;
   3.139 -  const unsigned short <a
   3.140 -   href="#SVGMaskElement__SVG_MASKTYPE_ALPHA">SVG_MASKTYPE_ALPHA</a> = 1;
   3.141 -
   3.142    readonly attribute <a
   3.143     href="http://www.w3.org/TR/2011/REC-SVG11-20110816/types.html#InterfaceSVGAnimatedEnumeration">SVGAnimatedEnumeration</a> <a
   3.144     href="#SVGMaskElement__maskUnits">maskUnits</a>;
   3.145 @@ -3532,27 +3544,6 @@
   3.146     href="http://www.w3.org/TR/2011/REC-SVG11-20110816/types.html#InterfaceSVGUnitTypes">SVGUnitTypes</a>;</pre>
   3.147  
   3.148    <dl class=interface>
   3.149 -   <dt class=constants-header>Constants in group “Mask Types”:
   3.150 -
   3.151 -   <dd>
   3.152 -    <dl class=constants>
   3.153 -     <dt class="constant first-child"
   3.154 -      id="SVGMaskElement__SVG_MASKTYPE_LUMINANCE"><b>SVG_MASKTYPE_LUMINANCE</b><span
   3.155 -      class=idl-type-parenthetical> (unsigned short)</span>
   3.156 -
   3.157 -     <dd class=constant>
   3.158 -      <div> Corresponds to value <a class=attr-value
   3.159 -       href="#luminance">‘<code class=property>luminance</code>’</a>.</div>
   3.160 -
   3.161 -     <dt class=constant
   3.162 -      id="SVGMaskElement__SVG_MASKTYPE_ALPHA"><b>SVG_MASKTYPE_ALPHA</b><span
   3.163 -      class=idl-type-parenthetical> (unsigned short)</span>
   3.164 -
   3.165 -     <dd class=constant>
   3.166 -      <div> Corresponds to value <a class=attr-value href="#alpha">‘<code
   3.167 -       class=property>alpha</code>’</a>.</div>
   3.168 -    </dl>
   3.169 -
   3.170     <dt class=attributes-header>Attributes:
   3.171  
   3.172     <dd>
   3.173 @@ -3689,6 +3680,16 @@
   3.174     </dd>
   3.175     <!---->
   3.176  
   3.177 +   <dt id=CSS3VAL>[CSS3VAL]
   3.178 +
   3.179 +   <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
   3.180 +    href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS
   3.181 +    Values and Units Module Level 3.</cite></a> 28 August 2012. W3C Candidate
   3.182 +    Recommendation. (Work in progress.) URL: <a
   3.183 +    href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a>
   3.184 +   </dd>
   3.185 +   <!---->
   3.186 +
   3.187     <dt id=DOM>[DOM]
   3.188  
   3.189     <dd>Anne van Kesteren; et al. <a
   3.190 @@ -3723,7 +3724,7 @@
   3.191    <dl>
   3.192     <dt id=ref-svg2><strong class=normref>[SVG2]</strong>
   3.193  
   3.194 -   <dd> Cameron McCormack; <a
   3.195 +   <dd> Cameron McCormack; et al. <a
   3.196      href="http://www.w3.org/TR/2012/WD-SVG2-20120828/"><cite>Scalable Vector
   3.197      Graphics (SVG) 2</cite>.</a> 28 August 2012. W3C Working Draft. (Work in
   3.198      progress.) URL: <a