8000 [css-transforms] Clarify flatten behavior on SVG resources · w3c/csswg-drafts@061b529 · GitHub
Skip to content

Commit 061b529

Browse files
dirkschulzedirkschulze
committed
[css-transforms] Clarify flatten behavior on SVG resources
1 parent 58b93f4 commit 061b529

3 files changed

Lines changed: 39 additions & 16 deletions

File tree

‎css-transforms/ChangeLog‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
2013-06-29 Dirk Schulze <dschulze@adobe.com>
2+
Clarify flatten behavior on SVG resources.
3+
Add more properties that cause flattening.
4+
15
2013-06-16 Simon Fraser <simon.fraser@apple.com>
26
Add an ISSUE to fix some non-normative text related to background-visibility.
37
Add an ISSUE for an example that doesn't match WebKit rendering.

‎css-transforms/Overview.html‎

Lines changed: 26 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
rel=dcterms.rights>
1313
<meta content="CSS Transforms" name=dcterms.title>
1414
<meta content=text name=dcterms.type>
15-
<meta content=2013-06-17 name=dcterms.date>
15+
<meta content=2013-06-29 name=dcterms.date>
1616
<meta content="Simon Fraser" name=dcterms.creator>
1717
<meta content="Dean Jackson" name=dcterms.creator>
1818
<meta content="Edward O'Connor" name=dcterms.creator>
@@ -35,14 +35,14 @@
3535

3636
<h1>CSS Transforms Level 1</h1>
3737

38-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 June 2013</h2>
38+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 June 2013</h2>
3939

4040
<dl>
4141
<dt>This version:
4242

4343
<dd> <a
4444
href="http://dev.w3.org/csswg/css3-transforms/">http://dev.w3.org/csswg/css3-transforms/</a>
45-
<!--http://www.w3.org/TR/2013/WD-css3-transforms-20130617/-->
45+
<!--http://www.w3.org/TR/2013/WD-css3-transforms-20130629/-->
4646

4747
<dt>Latest version:
4848

@@ -101,8 +101,8 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 June 2013</h2>
101101

102102
<dt>Test suite:
103103

104-
<dd><a
105-
href="http://test.csswg.org/suites/css3-transforms/nightly-unstable/">http://test.csswg.org/suites/css3-transforms/nightly-unstable/</a>
104+
<dd> <a
105+
href="http://test.csswg.org/suites/css3-transforms/nightly-unstable/">http://test.csswg.org/suites/css3-transforms/nightly-unstable/</a>
106106
</dl>
107107
<!--begin-copyright-->
108108
<p class=copyright><a
@@ -1612,6 +1612,21 @@ <h2 id=transform-style-property><span class=secno>9. </span> The ‘<a
16121612

16131613
<li>‘<code class=property>filter</code>’: any value other than
16141614
‘<code class=css>none</code>’.
1615+
1616+
<li>‘<code class=property>clip</code>’: any value other than ‘<code
1617+
class=css>auto</code>’.
1618+
1619+
<li>‘<code class=property>clip-path</code>’: any value other than
1620+
‘<code class=css>none</code>’.
1621+
1622+
<li>‘<code class=property>mask-image</code>’: any value other than
1623+
‘<code class=css>none</code>’.
1624+
1625+
<li>‘<code class=property>mask-box-image-source</code>’: any value
1626+
other than ‘<code class=css>none</code>’.
1627+
1628+
<li>‘<code class=property>mix-blend-mode</code>’: any value other than
1629+
‘<code class=css>normal</code>’.
16151630
</ul>
16161631

16171632
<p> The computed value of ‘<a href="#transform-style"><code
@@ -2181,16 +2196,16 @@ <h3 id=svg-three-dimensional-functions><span class=secno>13.5. </span>SVG
21812196
ignored. The values of every previously named property must be ignored. <a
21822197
href="#transformable-element"><var>Transformable elements</var></a> that
21832198
are contained by one of these elements can have three-dimensional
2184-
transform functions. Before a <a
2199+
transform functions. The <a
21852200
href="http://www.w3.org/TR/2011/REC-SVG11-20110816/masking.html#ClipPathElement"><code
21862201
class=element-name>&lt;clipPath></code></a>, <a
21872202
href="http://www.w3.org/TR/2011/REC-SVG11-20110816/masking.html#MaskElement"><code
2188-
class=element-name>&lt;mask></code></a> or <a
2203+
class=element-name>&lt;mask></code></a>, <a
21892204
href="http://www.w3.org/TR/2011/REC-SVG11-20110816/pservers.html#PatternElement"><code
2190-
class=element-name>&lt;pattern></code></a> element can get applied to a
2191-
target element, user agents must take the drawn results as static images
2192-
in analogue of "flattening" the elements and taking the rendered content
2193-
as a two-dimensional canvas.
2205+
class=element-name>&lt;pattern></code></a> elements require the user agent
2206+
to create a flattened representation of the descendant elements before
2207+
they can be applied, and therefore override the behavior of ‘<code
2208+
class=css>transform-style: preserve-3d</code>’.
21942209

21952210
<p> If the ‘<code class=property>vector-effect</code>’ property is set
21962211
to ‘<code class=css>non-scaling-stroke</code>’ and an object is within

‎css-transforms/Transforms.src.html‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1365,6 +1365,11 @@ <h2 id="transform-style-property">
13651365
<li>'overflow': any value other than ''visible''.</li>
13661366
<li>'opacity': any value other than ''1''.</li>
13671367
<li>'filter': any value other than ''none''.</li>
1368+
<li>'clip': any value other than ''auto''.</li>
1369+
<li>'clip-path': any value other than ''none''.</li>
1370+
<li>'mask-image': any value other than ''none''.</li>
1371+
<li>'mask-box-image-source': any value other than ''none''.</li>
1372+
<li>'mix-blend-mode': any value other than ''normal''.</li>
13681373
</ul>
13691374

13701375
<p>
@@ -2003,11 +2008,10 @@ <h3 id="svg-three-dimensional-functions">SVG and 3D transform functions</h3>
20032008
complete transform list must be ignored. The values of every previously named
20042009
property must be ignored. <var>Transformable elements</var> that are
20052010
contained by one of these elements can have three-dimensional transform functions.
2006-
Before a <a>'clipPath element'</a>, <a>'mask element'</a> or <a>'pattern element'</a>
2007-
element can get applied to a target
2008-
element, user agents must take the drawn results as static images in analogue of
2009-
"flattening" the elements and taking the rendered content as a two-dimensional
2010-
canvas.
2011+
The <a>'clipPath element'</a>, <a>'mask element'</a>,
2012+
<a>'pattern element'</a> elements require the user agent to create a flattened
2013+
representation of the descendant elements before they can be applied, and
2014+
therefore override the behavior of ''transform-style: preserve-3d''.
20112015
</p>
20122016

20132017
<p>

0 commit comments

Comments
 (0)