Skip to content

Commit 4b494f4

Browse files
Rik Cabaniersvgeesus
authored andcommitted
added svg in img isolation at risk
1 parent 0e57d68 commit 4b494f4

3 files changed

Lines changed: 35 additions & 8 deletions

File tree

compositing-1/Compositing.src.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -298,6 +298,7 @@ <h2 class="no-num no-toc" id="status">Status of This Document</h2>
298298
<p>The following features are at risk:<p>
299299
<ol>
300300
<li>The <a href="#isolation">'isolation'</a> property</li>
301+
<li><a href="#img_isolation">isolation'</a> if SVG images using the 'img' element.</li>
301302
</ol>
302303

303304
<h2 class="no-num no-toc" id="contents">Table of contents</h2>
@@ -765,7 +766,7 @@ <h4 id="isolation">The <span class="prop-name">'isolation'</span> property</h4>
765766
</div>
766767
<p>The syntax of the property of <var>&lt;isolation-mode&gt;</var> is given with:</p>
767768
<pre class="isolated"><dfn id="isolated-propid"><var>&lt;isolation-mode&gt;</var></dfn> = auto | isolate</pre>
768-
<p>
769+
<p id="img_isolation">
769770
In CSS, a background image or the content of an &lt;img&gt; must always be rendered into an isolated group.<br/>For instance, if you link to an SVG file through the 'img' tag, the artwork of that SVG will not blend with the backdrop of the content.</p>
770771
<p>
771772
In SVG, <a href="http://www.w3.org/TR/SVG/masking.html#Masking">'mask'</a> always creates an isolated group.

compositing-1/index.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
rel=dcterms.rights>
1212
<meta content="Compositing and Blending Level 1" name=dcterms.title>
1313
<meta content=text name=dcterms.type>
14-
<meta content=2013-12-03 name=dcterms.date>
14+
<meta content=2013-12-11 name=dcterms.date>
1515
<meta content="Rik Cabanier" name=dcterms.creator>
1616
<meta content="Nikos Andronikos" name=dcterms.creator>
1717
<meta content=W3C name=dcterms.publisher>
@@ -231,15 +231,15 @@
231231

232232
<h1>Compositing and Blending Level 1</h1>
233233

234-
<h2 class="no-num no-toc">Editor's Draft 3 December 2013</h2>
234+
<h2 class="no-num no-toc">Editor's Draft 11 December 2013</h2>
235235

236236
<dl>
237237
<dt>This version:
238238

239239
<dd> <a
240240
href="http://dev.w3.org/fxtf/compositing-1/">http://dev.w3.org/fxtf/compositing-1/</a>
241241
<!--
242-
<a href="http://www.w3.org/TR/2013/WD-compositing-1-20131203/">http://www.w3.org/TR/2013/WD-compositing-1-20131203/</a>
242+
<a href="http://www.w3.org/TR/2013/WD-compositing-1-20131211/">http://www.w3.org/TR/2013/WD-compositing-1-20131211/</a>
243243
-->
244244

245245
<dt>Latest version:
@@ -369,6 +369,9 @@ <h2 class="no-num no-toc" id=status>Status of This Document</h2>
369369
<ol>
370370
<li>The <a href="#isolation"><code
371371
class=property>isolation</code></a> property
372+
373+
<li><a href="#img_isolation">isolation'</a> if SVG images using the
374+
<code class=property>img</code>’ element.
372375
</ol>
373376

374377
<h2 class="no-num no-toc" id=contents>Table of contents</h2>
@@ -1181,8 +1184,8 @@ <h4 id=isolation><span class=secno>3.4.2. </span>The <span
11811184
<pre class=isolated><dfn
11821185
id=isolated-propid><var>&lt;isolation-mode&gt;</var></dfn> = auto | isolate</pre>
11831186

1184-
<p> In CSS, a background image or the content of an &lt;img&gt; must always
1185-
be rendered into an isolated group.<br>
1187+
<p id="img_isolation"> In CSS, a background image or the content of an
1188+
&lt;img&gt; must always be rendered into an isolated group.<br>
11861189
For instance, if you link to an SVG file through the ‘<code
11871190
class=property>img</code>’ tag, the artwork of that SVG will not blend
11881191
with the backdrop of the content.

compositing-1/issues-lc-2013.html

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -54,15 +54,15 @@ <h2 id=lc2013>Comments on draft of 10 October 2013</h2>
5454
<p>This document is the disposition of comments on the Compositing and Blending
5555
CR sent to the www-style, public-fx and www-svg mailing lists. The Compositing and Blending CR was
5656
published <a href="http://www.w3.org/TR/2002/CR-css3-mediaqueries-20020708/">10 October 2013</a>.
57-
57+
<!--
5858
<p>The following color coding convention is used for comments:</p>
5959
6060
<ul>
6161
<li class=a>The CSS WG agreed with the reviewer.
6262
<li class=r>The CSS WG disagreed with the reviewer.
6363
<li class=fo>The CSS WG disagreed with the reviewer and the reviewer raised a Formal Objection.
6464
</ul>
65-
65+
-->
6666
<p>(There were no formal objections.)</p>
6767

6868
<table>
@@ -118,6 +118,7 @@ <h2 id=lc2013>Comments on draft of 10 October 2013</h2>
118118
This is a request for a non-normative change. This will be done during the CR process.
119119
</p>
120120

121+
121122
<tr><th colspan=3 class=source><a href="http://lists.w3.org/Archives/Public/www-svg/2013Dec/0018.html">Comment</a> from Chris Lilley on Fri, 6 Dec 2013; <a href="http://lists.w3.org/Archives/Public/www-svg/2013Dec/0019.html">answer on www-svg</a>.
122123

123124
<tr><td>4<td>
@@ -132,6 +133,28 @@ <h2 id=lc2013>Comments on draft of 10 October 2013</h2>
132133
major changes in the way browsers draw.
133134
It will be back for level 2 and either we will change the model so it can
134135
be implemented or we convince the browsers to redo their graphics engines.
136+
</p>
137+
138+
<p>
139+
This is a feature request for level 2 of blending and compositing or filters.
140+
</p>
141+
142+
<tr><th colspan=3 class=source><a href="http://lists.w3.org/Archives/Public/public-fx/2013OctDec/0172.html">Comment</a> from Tavmjong Bah on Tue, 10 Dec 2013; <a href="http://lists.w3.org/Archives/Public/public-fx/2013OctDec/0181.html">answer on public-fx</a>.
143+
144+
<tr><td>5<td>
145+
<p>It appears that the three circles are being blended in one
146+
isolation group and then put over the gray background. What is causing
147+
the circles to be isolated? If the SVG is referenced from an <img> then
148+
it should be isolated but if it is included inline then it should not
149+
be(?). If I try the SVG in Chrome the circles are never isolated, no
150+
matter what I do (stand-alone SVG, external SVG, inline). Is this due to
151+
a lack of isolation support in Chrome
152+
<p>
153+
154+
<td>
155+
<p>
156+
You're correct that this currently doesn't isolate. I will put this feature
157+
at risk.
135158
</p>
136159

137160
</tr>

0 commit comments

Comments
 (0)