[html5] r5280 - [e] (0) compositing clarifications
whatwg at whatwg.org
whatwg at whatwg.org
Wed Aug 11 11:41:29 PDT 2010
Author: ianh
Date: 2010-08-11 11:41:27 -0700 (Wed, 11 Aug 2010)
New Revision: 5280
Modified:
complete.html
index
source
Log:
[e] (0) compositing clarifications
Modified: complete.html
===================================================================
--- complete.html 2010-08-11 18:25:06 UTC (rev 5279)
+++ complete.html 2010-08-11 18:41:27 UTC (rev 5280)
@@ -30212,77 +30212,77 @@
<dl><dt><dfn id=gcop-source-atop title=gcop-source-atop><code>source-atop</code></dfn></dt>
- <dd><var title="">A</var> atop <var title="">B</var>. Display the
+ <dd><var title="">A</var> atop <var title="">B</var>. <span class=note>Display the
source image wherever both images are opaque. Display the
destination image wherever the destination image is opaque but the
- source image is transparent. Display transparency elsewhere.</dd>
+ source image is transparent. Display transparency elsewhere.</span></dd>
<dt><dfn id=gcop-source-in title=gcop-source-in><code>source-in</code></dfn></dt>
- <dd><var title="">A</var> in <var title="">B</var>. Display the
+ <dd><var title="">A</var> in <var title="">B</var>. <span class=note>Display the
source image wherever both the source image and destination image
- are opaque. Display transparency elsewhere.</dd>
+ are opaque. Display transparency elsewhere.</span></dd>
<dt><dfn id=gcop-source-out title=gcop-source-out><code>source-out</code></dfn></dt>
- <dd><var title="">A</var> out <var title="">B</var>. Display the
+ <dd><var title="">A</var> out <var title="">B</var>. <span class=note>Display the
source image wherever the source image is opaque and the
destination image is transparent. Display transparency
- elsewhere.</dd>
+ elsewhere.</span></dd>
<dt><dfn id=gcop-source-over title=gcop-source-over><code>source-over</code></dfn> (default)</dt>
- <dd><var title="">A</var> over <var title="">B</var>. Display the
+ <dd><var title="">A</var> over <var title="">B</var>. <span class=note>Display the
source image wherever the source image is opaque. Display the
- destination image elsewhere.</dd>
+ destination image elsewhere.</span></dd>
<dt><dfn id=gcop-destination-atop title=gcop-destination-atop><code>destination-atop</code></dfn></dt>
- <dd><var title="">B</var> atop <var title="">A</var>. Same as <code title=gcop-source-atop><a href=#gcop-source-atop>source-atop</a></code> but using the
- destination image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> atop <var title="">A</var>. <span class=note>Same as <code title=gcop-source-atop><a href=#gcop-source-atop>source-atop</a></code> but using the
+ destination image instead of the source image and vice versa.</span></dd>
<dt><dfn id=gcop-destination-in title=gcop-destination-in><code>destination-in</code></dfn></dt>
- <dd><var title="">B</var> in <var title="">A</var>. Same as <code title=gcop-source-in><a href=#gcop-source-in>source-in</a></code> but using the destination
- image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> in <var title="">A</var>. <span class=note>Same as <code title=gcop-source-in><a href=#gcop-source-in>source-in</a></code> but using the destination
+ image instead of the source image and vice versa.</span></dd>
<dt><dfn id=gcop-destination-out title=gcop-destination-out><code>destination-out</code></dfn></dt>
- <dd><var title="">B</var> out <var title="">A</var>. Same as <code title=gcop-source-out><a href=#gcop-source-out>source-out</a></code> but using the destination
- image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> out <var title="">A</var>. <span class=note>Same as <code title=gcop-source-out><a href=#gcop-source-out>source-out</a></code> but using the destination
+ image instead of the source image and vice versa.</span></dd>
<dt><dfn id=gcop-destination-over title=gcop-destination-over><code>destination-over</code></dfn></dt>
- <dd><var title="">B</var> over <var title="">A</var>. Same as <code title=gcop-source-over><a href=#gcop-source-over>source-over</a></code> but using the
- destination image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> over <var title="">A</var>. <span class=note>Same as <code title=gcop-source-over><a href=#gcop-source-over>source-over</a></code> but using the
+ destination image instead of the source image and vice versa.</span></dd>
<!-- no clear definition of this operator (doesn't correspond to a PorterDuff operator)
<dt><dfn title="gcop-darker"><code>darker</code></dfn></dt>
- <dd>Display the sum of the source image and destination image,
- with color values approaching 0 as a limit.</dd>
+ <dd><span class="note">Display the sum of the source image and destination image,
+ with color values approaching 0 as a limit.</span></dd>
-->
<dt><dfn id=gcop-lighter title=gcop-lighter><code>lighter</code></dfn></dt>
- <dd><var title="">A</var> plus <var title="">B</var>. Display the
+ <dd><var title="">A</var> plus <var title="">B</var>. <span class=note>Display the
sum of the source image and destination image, with color values
- approaching 1 as a limit.</dd>
+ approaching 1 as a limit.</span></dd>
<dt><dfn id=gcop-copy title=gcop-copy><code>copy</code></dfn></dt>
<dd><var title="">A</var> (<var title="">B</var> is
- ignored). Display the source image instead of the destination
- image.</dd>
+ ignored). <span class=note>Display the source image instead of the destination
+ image.</span></dd>
<dt><dfn id=gcop-xor title=gcop-xor><code>xor</code></dfn></dt>
- <dd><var title="">A</var> xor <var title="">B</var>. Exclusive OR
- of the source image and destination image.</dd>
+ <dd><var title="">A</var> xor <var title="">B</var>. <span class=note>Exclusive OR
+ of the source image and destination image.</span></dd>
<dt class=impl><code><var title="">vendorName</var>-<var title="">operationName</var></code></dt>
@@ -30292,15 +30292,19 @@
</dl><div class=impl>
+ <p>The operators in the above list must be treated as described by
+ the Porter-Duff operator given at the start of their description
+ (e.g. <var title="">A</var> over <var title="">B</var>). They are to
+ be applied as part of the <a href=#drawing-model>drawing model</a>, at which point the
+ <a href=#clipping-region>clipping region</a> is also applied. (Without a clipping
+ region, these operators act on the whole bitmap with every
+ operation.) <a href=#refsPORTERDUFF>[PORTERDUFF]</a></p>
+
<p>These values are all case-sensitive — they must be used
exactly as shown. User agents must not recognize values that are not
a <a href=#case-sensitive>case-sensitive</a> match for one of the values given
above.</p>
- <p>The operators in the above list must be treated as described by
- the Porter-Duff operator given at the start of their description
- (e.g. <var title="">A</var> over <var title="">B</var>). <a href=#refsPORTERDUFF>[PORTERDUFF]</a></p>
-
<p>On setting, if the user agent does not recognize the specified
value, it must be ignored, leaving the value of <code title=dom-context-2d-globalCompositeOperation><a href=#dom-context-2d-globalcompositeoperation>globalCompositeOperation</a></code>
unaffected.</p>
@@ -30982,7 +30986,7 @@
<li> <p>Multiply the alpha component of every pixel in <var title="">B</var> by the alpha component of the color of <code title=dom-context-2d-shadowColor><a href=#dom-context-2d-shadowcolor>shadowColor</a></code>.</p> </li>
<li> <p>The shadow is in the bitmap <var title="">B</var>, and is
- rendered as part of the drawing model described below.</p> </li>
+ rendered as part of the <a href=#drawing-model>drawing model</a> described below.</p> </li>
</ol></div>
@@ -32165,8 +32169,8 @@
<p class=note>This specification does not define the algorithm to
use when scaling the image, if necessary.</p>
- <p class=note>When a canvas is drawn onto itself, the drawing
- model requires the source to be copied before the image is drawn
+ <p class=note>When a canvas is drawn onto itself, the <a href=#drawing-model>drawing
+ model</a> requires the source to be copied before the image is drawn
back onto the canvas, so it is possible to copy parts of a canvas
onto overlapping parts of itself.</p>
@@ -32554,7 +32558,7 @@
<div class=impl>
- <h6 id=drawing-model><span class=secno>4.8.11.1.13 </span>Drawing model</h6>
+ <h6 id=drawing-model><span class=secno>4.8.11.1.13 </span><dfn>Drawing model</dfn></h6>
<p>When a shape or image is painted, user agents must follow these
steps, in the order given (or act as if they do):</p>
@@ -32572,14 +32576,15 @@
<li><p><a href=#when-shadows-are-drawn>When shadows are drawn</a>, multiply the alpha
component of every pixel in <var title="">B</var> by <code title=dom-context-2d-globalAlpha><a href=#dom-context-2d-globalalpha>globalAlpha</a></code>.</li>
- <li><p><a href=#when-shadows-are-drawn>When shadows are drawn</a>, composite <var title="">B</var> within the clipping region over the current canvas
- bitmap using the current composition operator.</li>
+ <li><p><a href=#when-shadows-are-drawn>When shadows are drawn</a>, composite <var title="">B</var> within the <a href=#clipping-region>clipping region</a> over the
+ current canvas bitmap using the current composition
+ operator.</li>
<li><p>Multiply the alpha component of every pixel in <var title="">A</var> by <code title=dom-context-2d-globalAlpha><a href=#dom-context-2d-globalalpha>globalAlpha</a></code>.</li>
- <li><p>Composite <var title="">A</var> within the clipping region
- over the current canvas bitmap using the current composition
- operator.</li>
+ <li><p>Composite <var title="">A</var> within the <a href=#clipping-region>clipping
+ region</a> over the current canvas bitmap using the current
+ composition operator.</li>
</ol></div>
Modified: index
===================================================================
--- index 2010-08-11 18:25:06 UTC (rev 5279)
+++ index 2010-08-11 18:41:27 UTC (rev 5280)
@@ -30139,77 +30139,77 @@
<dl><dt><dfn id=gcop-source-atop title=gcop-source-atop><code>source-atop</code></dfn></dt>
- <dd><var title="">A</var> atop <var title="">B</var>. Display the
+ <dd><var title="">A</var> atop <var title="">B</var>. <span class=note>Display the
source image wherever both images are opaque. Display the
destination image wherever the destination image is opaque but the
- source image is transparent. Display transparency elsewhere.</dd>
+ source image is transparent. Display transparency elsewhere.</span></dd>
<dt><dfn id=gcop-source-in title=gcop-source-in><code>source-in</code></dfn></dt>
- <dd><var title="">A</var> in <var title="">B</var>. Display the
+ <dd><var title="">A</var> in <var title="">B</var>. <span class=note>Display the
source image wherever both the source image and destination image
- are opaque. Display transparency elsewhere.</dd>
+ are opaque. Display transparency elsewhere.</span></dd>
<dt><dfn id=gcop-source-out title=gcop-source-out><code>source-out</code></dfn></dt>
- <dd><var title="">A</var> out <var title="">B</var>. Display the
+ <dd><var title="">A</var> out <var title="">B</var>. <span class=note>Display the
source image wherever the source image is opaque and the
destination image is transparent. Display transparency
- elsewhere.</dd>
+ elsewhere.</span></dd>
<dt><dfn id=gcop-source-over title=gcop-source-over><code>source-over</code></dfn> (default)</dt>
- <dd><var title="">A</var> over <var title="">B</var>. Display the
+ <dd><var title="">A</var> over <var title="">B</var>. <span class=note>Display the
source image wherever the source image is opaque. Display the
- destination image elsewhere.</dd>
+ destination image elsewhere.</span></dd>
<dt><dfn id=gcop-destination-atop title=gcop-destination-atop><code>destination-atop</code></dfn></dt>
- <dd><var title="">B</var> atop <var title="">A</var>. Same as <code title=gcop-source-atop><a href=#gcop-source-atop>source-atop</a></code> but using the
- destination image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> atop <var title="">A</var>. <span class=note>Same as <code title=gcop-source-atop><a href=#gcop-source-atop>source-atop</a></code> but using the
+ destination image instead of the source image and vice versa.</span></dd>
<dt><dfn id=gcop-destination-in title=gcop-destination-in><code>destination-in</code></dfn></dt>
- <dd><var title="">B</var> in <var title="">A</var>. Same as <code title=gcop-source-in><a href=#gcop-source-in>source-in</a></code> but using the destination
- image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> in <var title="">A</var>. <span class=note>Same as <code title=gcop-source-in><a href=#gcop-source-in>source-in</a></code> but using the destination
+ image instead of the source image and vice versa.</span></dd>
<dt><dfn id=gcop-destination-out title=gcop-destination-out><code>destination-out</code></dfn></dt>
- <dd><var title="">B</var> out <var title="">A</var>. Same as <code title=gcop-source-out><a href=#gcop-source-out>source-out</a></code> but using the destination
- image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> out <var title="">A</var>. <span class=note>Same as <code title=gcop-source-out><a href=#gcop-source-out>source-out</a></code> but using the destination
+ image instead of the source image and vice versa.</span></dd>
<dt><dfn id=gcop-destination-over title=gcop-destination-over><code>destination-over</code></dfn></dt>
- <dd><var title="">B</var> over <var title="">A</var>. Same as <code title=gcop-source-over><a href=#gcop-source-over>source-over</a></code> but using the
- destination image instead of the source image and vice versa.</dd>
+ <dd><var title="">B</var> over <var title="">A</var>. <span class=note>Same as <code title=gcop-source-over><a href=#gcop-source-over>source-over</a></code> but using the
+ destination image instead of the source image and vice versa.</span></dd>
<!-- no clear definition of this operator (doesn't correspond to a PorterDuff operator)
<dt><dfn title="gcop-darker"><code>darker</code></dfn></dt>
- <dd>Display the sum of the source image and destination image,
- with color values approaching 0 as a limit.</dd>
+ <dd><span class="note">Display the sum of the source image and destination image,
+ with color values approaching 0 as a limit.</span></dd>
-->
<dt><dfn id=gcop-lighter title=gcop-lighter><code>lighter</code></dfn></dt>
- <dd><var title="">A</var> plus <var title="">B</var>. Display the
+ <dd><var title="">A</var> plus <var title="">B</var>. <span class=note>Display the
sum of the source image and destination image, with color values
- approaching 1 as a limit.</dd>
+ approaching 1 as a limit.</span></dd>
<dt><dfn id=gcop-copy title=gcop-copy><code>copy</code></dfn></dt>
<dd><var title="">A</var> (<var title="">B</var> is
- ignored). Display the source image instead of the destination
- image.</dd>
+ ignored). <span class=note>Display the source image instead of the destination
+ image.</span></dd>
<dt><dfn id=gcop-xor title=gcop-xor><code>xor</code></dfn></dt>
- <dd><var title="">A</var> xor <var title="">B</var>. Exclusive OR
- of the source image and destination image.</dd>
+ <dd><var title="">A</var> xor <var title="">B</var>. <span class=note>Exclusive OR
+ of the source image and destination image.</span></dd>
<dt class=impl><code><var title="">vendorName</var>-<var title="">operationName</var></code></dt>
@@ -30219,15 +30219,19 @@
</dl><div class=impl>
+ <p>The operators in the above list must be treated as described by
+ the Porter-Duff operator given at the start of their description
+ (e.g. <var title="">A</var> over <var title="">B</var>). They are to
+ be applied as part of the <a href=#drawing-model>drawing model</a>, at which point the
+ <a href=#clipping-region>clipping region</a> is also applied. (Without a clipping
+ region, these operators act on the whole bitmap with every
+ operation.) <a href=#refsPORTERDUFF>[PORTERDUFF]</a></p>
+
<p>These values are all case-sensitive — they must be used
exactly as shown. User agents must not recognize values that are not
a <a href=#case-sensitive>case-sensitive</a> match for one of the values given
above.</p>
- <p>The operators in the above list must be treated as described by
- the Porter-Duff operator given at the start of their description
- (e.g. <var title="">A</var> over <var title="">B</var>). <a href=#refsPORTERDUFF>[PORTERDUFF]</a></p>
-
<p>On setting, if the user agent does not recognize the specified
value, it must be ignored, leaving the value of <code title=dom-context-2d-globalCompositeOperation><a href=#dom-context-2d-globalcompositeoperation>globalCompositeOperation</a></code>
unaffected.</p>
@@ -30909,7 +30913,7 @@
<li> <p>Multiply the alpha component of every pixel in <var title="">B</var> by the alpha component of the color of <code title=dom-context-2d-shadowColor><a href=#dom-context-2d-shadowcolor>shadowColor</a></code>.</p> </li>
<li> <p>The shadow is in the bitmap <var title="">B</var>, and is
- rendered as part of the drawing model described below.</p> </li>
+ rendered as part of the <a href=#drawing-model>drawing model</a> described below.</p> </li>
</ol></div>
@@ -32092,8 +32096,8 @@
<p class=note>This specification does not define the algorithm to
use when scaling the image, if necessary.</p>
- <p class=note>When a canvas is drawn onto itself, the drawing
- model requires the source to be copied before the image is drawn
+ <p class=note>When a canvas is drawn onto itself, the <a href=#drawing-model>drawing
+ model</a> requires the source to be copied before the image is drawn
back onto the canvas, so it is possible to copy parts of a canvas
onto overlapping parts of itself.</p>
@@ -32481,7 +32485,7 @@
<div class=impl>
- <h6 id=drawing-model><span class=secno>4.8.11.1.13 </span>Drawing model</h6>
+ <h6 id=drawing-model><span class=secno>4.8.11.1.13 </span><dfn>Drawing model</dfn></h6>
<p>When a shape or image is painted, user agents must follow these
steps, in the order given (or act as if they do):</p>
@@ -32499,14 +32503,15 @@
<li><p><a href=#when-shadows-are-drawn>When shadows are drawn</a>, multiply the alpha
component of every pixel in <var title="">B</var> by <code title=dom-context-2d-globalAlpha><a href=#dom-context-2d-globalalpha>globalAlpha</a></code>.</li>
- <li><p><a href=#when-shadows-are-drawn>When shadows are drawn</a>, composite <var title="">B</var> within the clipping region over the current canvas
- bitmap using the current composition operator.</li>
+ <li><p><a href=#when-shadows-are-drawn>When shadows are drawn</a>, composite <var title="">B</var> within the <a href=#clipping-region>clipping region</a> over the
+ current canvas bitmap using the current composition
+ operator.</li>
<li><p>Multiply the alpha component of every pixel in <var title="">A</var> by <code title=dom-context-2d-globalAlpha><a href=#dom-context-2d-globalalpha>globalAlpha</a></code>.</li>
- <li><p>Composite <var title="">A</var> within the clipping region
- over the current canvas bitmap using the current composition
- operator.</li>
+ <li><p>Composite <var title="">A</var> within the <a href=#clipping-region>clipping
+ region</a> over the current canvas bitmap using the current
+ composition operator.</li>
</ol></div>
Modified: source
===================================================================
--- source 2010-08-11 18:25:06 UTC (rev 5279)
+++ source 2010-08-11 18:41:27 UTC (rev 5280)
@@ -33100,81 +33100,81 @@
<dt><dfn title="gcop-source-atop"><code>source-atop</code></dfn></dt>
- <dd><var title="">A</var> atop <var title="">B</var>. Display the
+ <dd><var title="">A</var> atop <var title="">B</var>. <span class="note">Display the
source image wherever both images are opaque. Display the
destination image wherever the destination image is opaque but the
- source image is transparent. Display transparency elsewhere.</dd>
+ source image is transparent. Display transparency elsewhere.</span></dd>
<dt><dfn title="gcop-source-in"><code>source-in</code></dfn></dt>
- <dd><var title="">A</var> in <var title="">B</var>. Display the
+ <dd><var title="">A</var> in <var title="">B</var>. <span class="note">Display the
source image wherever both the source image and destination image
- are opaque. Display transparency elsewhere.</dd>
+ are opaque. Display transparency elsewhere.</span></dd>
<dt><dfn title="gcop-source-out"><code>source-out</code></dfn></dt>
- <dd><var title="">A</var> out <var title="">B</var>. Display the
+ <dd><var title="">A</var> out <var title="">B</var>. <span class="note">Display the
source image wherever the source image is opaque and the
destination image is transparent. Display transparency
- elsewhere.</dd>
+ elsewhere.</span></dd>
<dt><dfn title="gcop-source-over"><code>source-over</code></dfn> (default)</dt>
- <dd><var title="">A</var> over <var title="">B</var>. Display the
+ <dd><var title="">A</var> over <var title="">B</var>. <span class="note">Display the
source image wherever the source image is opaque. Display the
- destination image elsewhere.</dd>
+ destination image elsewhere.</span></dd>
<dt><dfn title="gcop-destination-atop"><code>destination-atop</code></dfn></dt>
- <dd><var title="">B</var> atop <var title="">A</var>. Same as <code
+ <dd><var title="">B</var> atop <var title="">A</var>. <span class="note">Same as <code
title="gcop-source-atop">source-atop</code> but using the
- destination image instead of the source image and vice versa.</dd>
+ destination image instead of the source image and vice versa.</span></dd>
<dt><dfn title="gcop-destination-in"><code>destination-in</code></dfn></dt>
- <dd><var title="">B</var> in <var title="">A</var>. Same as <code
+ <dd><var title="">B</var> in <var title="">A</var>. <span class="note">Same as <code
title="gcop-source-in">source-in</code> but using the destination
- image instead of the source image and vice versa.</dd>
+ image instead of the source image and vice versa.</span></dd>
<dt><dfn title="gcop-destination-out"><code>destination-out</code></dfn></dt>
- <dd><var title="">B</var> out <var title="">A</var>. Same as <code
+ <dd><var title="">B</var> out <var title="">A</var>. <span class="note">Same as <code
title="gcop-source-out">source-out</code> but using the destination
- image instead of the source image and vice versa.</dd>
+ image instead of the source image and vice versa.</span></dd>
<dt><dfn title="gcop-destination-over"><code>destination-over</code></dfn></dt>
- <dd><var title="">B</var> over <var title="">A</var>. Same as <code
+ <dd><var title="">B</var> over <var title="">A</var>. <span class="note">Same as <code
title="gcop-source-over">source-over</code> but using the
- destination image instead of the source image and vice versa.</dd>
+ destination image instead of the source image and vice versa.</span></dd>
<!-- no clear definition of this operator (doesn't correspond to a PorterDuff operator)
<dt><dfn title="gcop-darker"><code>darker</code></dfn></dt>
- <dd>Display the sum of the source image and destination image,
- with color values approaching 0 as a limit.</dd>
+ <dd><span class="note">Display the sum of the source image and destination image,
+ with color values approaching 0 as a limit.</span></dd>
-->
<dt><dfn title="gcop-lighter"><code>lighter</code></dfn></dt>
- <dd><var title="">A</var> plus <var title="">B</var>. Display the
+ <dd><var title="">A</var> plus <var title="">B</var>. <span class="note">Display the
sum of the source image and destination image, with color values
- approaching 1 as a limit.</dd>
+ approaching 1 as a limit.</span></dd>
<dt><dfn title="gcop-copy"><code>copy</code></dfn></dt>
<dd><var title="">A</var> (<var title="">B</var> is
- ignored). Display the source image instead of the destination
- image.</dd>
+ ignored). <span class="note">Display the source image instead of the destination
+ image.</span></dd>
<dt><dfn title="gcop-xor"><code>xor</code></dfn></dt>
- <dd><var title="">A</var> xor <var title="">B</var>. Exclusive OR
- of the source image and destination image.</dd>
+ <dd><var title="">A</var> xor <var title="">B</var>. <span class="note">Exclusive OR
+ of the source image and destination image.</span></dd>
<dt class="impl"><code><var title="">vendorName</var>-<var title="">operationName</var></code></dt>
@@ -33186,16 +33186,19 @@
<div class="impl">
+ <p>The operators in the above list must be treated as described by
+ the Porter-Duff operator given at the start of their description
+ (e.g. <var title="">A</var> over <var title="">B</var>). They are to
+ be applied as part of the <span>drawing model</span>, at which point the
+ <span>clipping region</span> is also applied. (Without a clipping
+ region, these operators act on the whole bitmap with every
+ operation.) <a href="#refsPORTERDUFF">[PORTERDUFF]</a></p>
+
<p>These values are all case-sensitive — they must be used
exactly as shown. User agents must not recognize values that are not
a <span>case-sensitive</span> match for one of the values given
above.</p>
- <p>The operators in the above list must be treated as described by
- the Porter-Duff operator given at the start of their description
- (e.g. <var title="">A</var> over <var title="">B</var>). <a
- href="#refsPORTERDUFF">[PORTERDUFF]</a></p>
-
<p>On setting, if the user agent does not recognize the specified
value, it must be ignored, leaving the value of <code
title="dom-context-2d-globalCompositeOperation">globalCompositeOperation</code>
@@ -34013,7 +34016,7 @@
title="dom-context-2d-shadowColor">shadowColor</code>.</p> </li>
<li> <p>The shadow is in the bitmap <var title="">B</var>, and is
- rendered as part of the drawing model described below.</p> </li>
+ rendered as part of the <span>drawing model</span> described below.</p> </li>
</ol>
@@ -35432,8 +35435,8 @@
<p class="note">This specification does not define the algorithm to
use when scaling the image, if necessary.</p>
- <p class="note">When a canvas is drawn onto itself, the drawing
- model requires the source to be copied before the image is drawn
+ <p class="note">When a canvas is drawn onto itself, the <span>drawing
+ model</span> requires the source to be copied before the image is drawn
back onto the canvas, so it is possible to copy parts of a canvas
onto overlapping parts of itself.</p>
@@ -35913,7 +35916,7 @@
<div class="impl">
- <h6>Drawing model</h6>
+ <h6><dfn>Drawing model</dfn></h6>
<p>When a shape or image is painted, user agents must follow these
steps, in the order given (or act as if they do):</p>
@@ -35935,16 +35938,17 @@
title="dom-context-2d-globalAlpha">globalAlpha</code>.</p></li>
<li><p><span>When shadows are drawn</span>, composite <var
- title="">B</var> within the clipping region over the current canvas
- bitmap using the current composition operator.</p></li>
+ title="">B</var> within the <span>clipping region</span> over the
+ current canvas bitmap using the current composition
+ operator.</p></li>
<li><p>Multiply the alpha component of every pixel in <var
title="">A</var> by <code
title="dom-context-2d-globalAlpha">globalAlpha</code>.</p></li>
- <li><p>Composite <var title="">A</var> within the clipping region
- over the current canvas bitmap using the current composition
- operator.</p></li>
+ <li><p>Composite <var title="">A</var> within the <span>clipping
+ region</span> over the current canvas bitmap using the current
+ composition operator.</p></li>
</ol>
More information about the Commit-Watchers
mailing list