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
+4-3Lines changed: 4 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -14,7 +14,7 @@ Editor: Chris Harrelson, Google Inc., chrishtr@chromium.org, w3cid 90243
14
14
Former Editor: Nikos Andronikos, Canon Information Systems Research Australia, Nikos.Andronikos@cisra.canon.com.au
15
15
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:
16
16
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>
17
-
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
+
Abstract: In addition, this specification will define CSS properties for blending and group isolation and the properties of the {{globalCompositeOperation}} attribute.
18
18
</pre>
19
19
20
20
<style type="text/css">
@@ -49,7 +49,8 @@ The 'background-blend-mode' property also builds upon the properties defined in
49
49
50
50
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]].
51
51
52
-
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
+
This module also extends the
53
+
{{globalCompositeOperation}}.
53
54
54
55
<h3 id="values">Values</h3>
55
56
@@ -324,7 +325,7 @@ Note that the gradient is not blending with the color of <a element>body</a>. In
324
325
325
326
<h2 id="canvascompositingandblending">Specifying Compositing and Blending in Canvas 2D</h2>
326
327
327
-
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.
328
+
The <a href="https://html.spec.whatwg.org/multipage/canvas.html#2dcontext">canvas 2d</a> context defines the {{globalCompositeOperation}} attribute that is used to set the current compositing and blending operator.
0 commit comments