Sat, 09 Mar 2013 17:18:22 -0800
Incorporate feedback from Björn Höhrmann
masking/ChangeLog | file | annotate | diff | comparison | revisions | |
masking/Masking.src.html | file | annotate | diff | comparison | revisions | |
masking/index.html | file | annotate | diff | comparison | revisions |
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>'<url>'</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><image></var>. 2.18 + A URL reference to a <a>'mask element'</a> element (for example ''url(commonmasks.svg#mask)'') or an <var><image></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><mask-reference></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><image></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><clip-source></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