You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: compositing-2/Overview.bs
+22-22Lines changed: 22 additions & 22 deletions
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
<pre class='metadata'>
3
3
Status: ED
4
4
ED: https://drafts.fxtf.org/compositing-2/
5
-
TR: http://www.w3.org/TR/compositing-2/
5
+
TR: https://www.w3.org/TR/compositing-2/
6
6
Previous Version:
7
7
Shortname: compositing level 2
8
8
Link Defaults: css-color-3 (property) color, svg (property) mask
@@ -11,9 +11,9 @@ Level: 2
11
11
Group: fxtf
12
12
Editor: Rik Cabanier, Adobe Systems Inc., cabanier@adobe.com
13
13
Editor: Nikos Andronikos, Canon Information Systems Research Australia, Nikos.Andronikos@cisra.canon.com.au
14
-
Abstract: Compositing describes how shapes of different elements are combined into a single image. There are various possible approaches for compositing. Previous versions of SVG and CSS used <a href="http://www.w3.org/TR/SVG11/masking.html#SimpleAlphaBlending">Simple Alpha Compositing</a>. In this model, each element is rendered into its own buffer and is then merged with its <a>backdrop</a> using the Porter Duff ''source-over'' operator. This specification will define a new compositing model that expands upon the Simple Alpha Compositing model by offering:
14
+
Abstract: Compositing describes how shapes of different elements are combined into a single image. There are various possible approaches for compositing. Previous versions of SVG and CSS used <a href="https://www.w3.org/TR/SVG11/masking.html#SimpleAlphaBlending">Simple Alpha Compositing</a>. In this model, each element is rendered into its own buffer and is then merged with its <a>backdrop</a> using the Porter Duff ''source-over'' operator. This specification will define a new compositing model that expands upon the Simple Alpha Compositing model by offering:
15
15
Abstract: <ul><li>additional Porter Duff compositing operators</li><li>advanced blending modes which allow control of how colors mix in the areas where shapes overlap</li><li>compositing groups</li></ul>
16
-
Abstract: In addition, this specification will define CSS properties for blending and group isolation and the properties of the <a href="http://www.w3.org/TR/2dcontext2/#dom-context-2d-globalcompositeoperation" title="canvas 2d globalcompositeoperation">‘globalcompositeoperation’</a> attribute as defined in [[2DCONTEXT2]].
16
+
Abstract: In addition, this specification will define CSS properties for blending and group isolation and the properties of the <a href="https://www.w3.org/TR/2dcontext2/#dom-context-2d-globalcompositeoperation" title="canvas 2d globalcompositeoperation">‘globalcompositeoperation’</a> attribute as defined in [[2DCONTEXT2]].
17
17
</pre>
18
18
19
19
<style type="text/css">
@@ -39,20 +39,20 @@ Each section of this document is normative unless otherwise specified.
39
39
40
40
This specification defines a set of CSS properties that affect the visual rendering of elements to which
41
41
those properties are applied; these effects are applied after elements have been sized and positioned according
42
-
to the <a href="http://www.w3.org/TR/CSS2/visuren.html" title="Visual formatting model">Visual formatting model</a>
42
+
to the <a href="https://www.w3.org/TR/CSS2/visuren.html" title="Visual formatting model">Visual formatting model</a>
43
43
from [[!CSS21]]. Some values of these properties result in the creation of a
and/or the creation of a <a spec="css21">stacking context</a>.
46
46
47
-
The 'background-blend-mode' property also builds upon the properties defined in the <a href="http://www.w3.org/TR/css3-background/#placement" title="Backgrounds and Borders">CSS Backgrounds and Borders</a> module [[!CSS3BG]].
47
+
The 'background-blend-mode' property also builds upon the properties defined in the <a href="https://www.w3.org/TR/css3-background/#placement" title="Backgrounds and Borders">CSS Backgrounds and Borders</a> module [[!CSS3BG]].
48
48
49
-
This specification also enhances the rules as specified in <a href="http://www.w3.org/TR/2003/REC-SVG11-20030114/masking.html#SimpleAlphaBlending" title="simple alpha blending">Section 14.2 Simple alpha compositing</a> of [[SVG11]] and <a href="http://www.w3.org/TR/css3-color/#alpha" title="simple alpha compositing">simple alpha compositing</a> of [[!CSS3COLOR]].
49
+
This specification also enhances the rules as specified in <a href="https://www.w3.org/TR/2003/REC-SVG11-20030114/masking.html#SimpleAlphaBlending" title="simple alpha blending">Section 14.2 Simple alpha compositing</a> of [[SVG11]] and <a href="https://www.w3.org/TR/css3-color/#alpha" title="simple alpha compositing">simple alpha compositing</a> of [[!CSS3COLOR]].
50
50
51
-
This module also extends the <a href="http://www.w3.org/TR/2dcontext2/#dom-context-2d-globalcompositeoperation" title="canvas 2d globalcompositeoperation">‘globalcompositeoperation’</a> as defined in [[!2DCONTEXT2]].
51
+
This module also extends the <a href="https://www.w3.org/TR/2dcontext2/#dom-context-2d-globalcompositeoperation" title="canvas 2d globalcompositeoperation">‘globalcompositeoperation’</a> as defined in [[!2DCONTEXT2]].
52
52
53
53
<h3 id="values">Values</h3>
54
54
55
-
This specification follows the <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property
55
+
This specification follows the <a href="https://www.w3.org/TR/CSS21/about.html#property-defs">CSS property
56
56
definition conventions</a> from [[!CSS21]]. Value types not defined in
57
57
this specification are defined in CSS Level 2 Revision 1 [[!CSS21]]. Other CSS
58
58
modules may expand the definitions of these value types: for example [[!CSS3COLOR]],
@@ -61,29 +61,29 @@ value type as used in this specification.
61
61
62
62
In addition to the property-specific values listed in their definitions,
63
63
all properties defined in this specification also accept the <a
keyword as their property value. For readability it has not been repeated
66
66
explicitly.
67
67
68
68
<h2 id="csscompositingandblending">Specifying Blending in CSS </h2>
69
69
<h3 id="compositingandblendingorder">Order of graphical operations</h3>
70
70
71
-
The compositing model must follow the <a href="http://www.w3.org/TR/SVG11/render.html#Introduction">SVG compositing</a> model [[!SVG11]]: first any filter effect is applied, then any clipping, masking, blending and compositing.
71
+
The compositing model must follow the <a href="https://www.w3.org/TR/SVG11/render.html#Introduction">SVG compositing</a> model [[!SVG11]]: first any filter effect is applied, then any clipping, masking, blending and compositing.
72
72
73
73
<h3 id="csscompositingrules_CSS">Behavior specific to HTML</h3>
74
74
<!-- <p>
75
-
If an element specifies non-default blending or <a href="http://www.w3.org/TR/css3-color/#transparency">'opacity'</a>, its <a href="http://www.w3.org/TR/css3-2d-transforms/#transform-style-property">transform-style</a>[[CSS3-TRANSFORMS]] and that of all of its children must revert to 'flat'.<br>
76
-
The application of blending other than 'normal' to an element must also establish a <a spec="css21">stacking context</a>[[!CSS21]] the same way that CSS <a href="http://www.w3.org/TR/css3-color/#transparency">'opacity'</a> does. One of the consequences is that elements with z-index must not honor the depth of elements outside of the group.<br> -->
75
+
If an element specifies non-default blending or <a href="https://www.w3.org/TR/css3-color/#transparency">'opacity'</a>, its <a href="https://www.w3.org/TR/css3-2d-transforms/#transform-style-property">transform-style</a>[[CSS3-TRANSFORMS]] and that of all of its children must revert to 'flat'.<br>
76
+
The application of blending other than 'normal' to an element must also establish a <a spec="css21">stacking context</a>[[!CSS21]] the same way that CSS <a href="https://www.w3.org/TR/css3-color/#transparency">'opacity'</a> does. One of the consequences is that elements with z-index must not honor the depth of elements outside of the group.<br> -->
77
77
78
-
Everything in CSS that creates a <a href="http://www.w3.org/TR/CSS21/zindex.html">stacking context</a> must be considered an <a href="#isolatedgroups">‘isolated’ group</a>. HTML elements themselves should not create groups.
78
+
Everything in CSS that creates a <a href="https://www.w3.org/TR/CSS21/zindex.html">stacking context</a> must be considered an <a href="#isolatedgroups">‘isolated’ group</a>. HTML elements themselves should not create groups.
79
79
80
80
An element that has blending applied, must blend with all the underlying content of the <a spec="css21">stacking context</a>[[!CSS21]] that that element belongs to.
81
81
82
82
<h3 id="csscompositingrules_SVG">Behavior specific to SVG</h3>
83
83
84
84
By default, every element must create a <a href="#isolatedgroups">non-isolated group</a>.
85
85
86
-
<!-- SVG has the following <a href="http://www.w3.org/TR/SVG11/render.html#Introduction">compositing model</a>: first any filter effect is applied, then any clipping, masking, blending and compositing -->
86
+
<!-- SVG has the following <a href="https://www.w3.org/TR/SVG11/render.html#Introduction">compositing model</a>: first any filter effect is applied, then any clipping, masking, blending and compositing -->
87
87
88
88
However, certain operations in SVG will create <a href="#isolatedgroups">isolated groups</a>. If one of the following features is used, the group must become isolated:
89
89
@@ -106,7 +106,7 @@ This behavior is described in more detail in <a href="#blending">Blending</a>.
106
106
Name: mix-blend-mode
107
107
Value: <<blend-mode>>
108
108
Initial: normal
109
-
Applies to: All elements. In SVG, it applies to <a href="http://www.w3.org/TR/SVG/intro.html#TermContainerElement">container elements</a>, <a href="http://www.w3.org/TR/SVG/intro.html#TermGraphicsElement">graphics elements</a> and <a href="http://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermGraphicsReferencingElement">graphics referencing elements</a>. [[SVG11]]
109
+
Applies to: All elements. In SVG, it applies to <a href="https://www.w3.org/TR/SVG/intro.html#TermContainerElement">container elements</a>, <a href="https://www.w3.org/TR/SVG/intro.html#TermGraphicsElement">graphics elements</a> and <a href="https://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermGraphicsReferencingElement">graphics referencing elements</a>. [[SVG11]]
110
110
Inherited: no
111
111
Percentages: N/A
112
112
Computed value: as specified
@@ -249,7 +249,7 @@ By default, elements use the ''isolation/auto'' keyword which implies that they
249
249
Name: isolation
250
250
Value: <<isolation-mode>>
251
251
Initial: auto
252
-
Applies to: All elements. In SVG, it applies to <a href="http://www.w3.org/TR/SVG/intro.html#TermContainerElement">container elements</a>, <a href="http://www.w3.org/TR/SVG/intro.html#TermGraphicsElement">graphics elements</a> and <a href="http://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermGraphicsReferencingElement">graphics referencing elements</a>. [[SVG11]]
252
+
Applies to: All elements. In SVG, it applies to <a href="https://www.w3.org/TR/SVG/intro.html#TermContainerElement">container elements</a>, <a href="https://www.w3.org/TR/SVG/intro.html#TermGraphicsElement">graphics elements</a> and <a href="https://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermGraphicsReferencingElement">graphics referencing elements</a>. [[SVG11]]
253
253
Inherited: no
254
254
Percentages: N/A
255
255
Computed value: as specified
@@ -323,7 +323,7 @@ Note that the gradient is not blending with the color of <a element>body</a>. In
323
323
324
324
<h2 id="canvascompositingandblending">Specifying Compositing and Blending in Canvas 2D</h2>
325
325
326
-
The <a href="http://www.w3.org/TR/2dcontext">canvas 2d</a> context defines the <a href="http://www.w3.org/TR/2dcontext/#dom-context-2d-globalcompositeoperation">‘globalCompositeOperation’</a> attribute that is used to set the current compositing and blending operator.
326
+
The <a href="https://www.w3.org/TR/2dcontext">canvas 2d</a> context defines the <a href="https://www.w3.org/TR/2dcontext/#dom-context-2d-globalcompositeoperation">‘globalCompositeOperation’</a> attribute that is used to set the current compositing and blending operator.
327
327
328
328
This property takes the following value:
329
329
@@ -1430,22 +1430,22 @@ If this rule is not followed, an attacker could infer information and mount a ti
1430
1430
<h2 id=changes>Changes</h2>
1431
1431
1432
1432
The following changes were made relative to the <a
1433
-
href="http://www.w3.org/TR/2014/CR-compositing-1-20140220/"> Candidate Recommendation of 20 February 2014</a>:
1433
+
href="https://www.w3.org/TR/2014/CR-compositing-1-20140220/"> Candidate Recommendation of 20 February 2014</a>:
1434
1434
<ul>
1435
1435
<li>force isolation of SVG images embedded as <img> no longer at risk</li>
1436
1436
<li>removed destination as an option for <<composite-mode>></li>
1437
1437
</ul>
1438
1438
1439
1439
The following changes were made relative to the <a
1440
-
href="http://www.w3.org/TR/2013/WD-compositing-1-20131010/"> Last Call
1440
+
href="https://www.w3.org/TR/2013/WD-compositing-1-20131010/"> Last Call
1441
1441
Working draft of 7 January 2014</a>:
1442
1442
1443
1443
<ul>
1444
1444
<li>unneeded normative and informative references were removed</li>
1445
1445
</ul>
1446
1446
1447
1447
The following changes were made relative to the <a
1448
-
href="http://www.w3.org/TR/2013/WD-compositing-1-20131010/"> Last Call
1448
+
href="https://www.w3.org/TR/2013/WD-compositing-1-20131010/"> Last Call
1449
1449
Working draft of 10 October 2013</a>:
1450
1450
1451
1451
<ul>
@@ -1457,7 +1457,7 @@ Working draft of 10 October 2013</a>:
1457
1457
</ul>
1458
1458
1459
1459
The following changes were made relative to the <a
0 commit comments