[HTML] Editorial: clean up color conversion presentation in canvas whatwg/html@a4809f6

Author: triple-underscore

HTML-canvas-ja.html

@@ -177,8 +177,8 @@
 
 ●●options
 
-spec_date:2025-06-27
-trans_update:2025-05-24
+spec_date:2025-09-17
+trans_update:2025-09-18
 source_checked:240712
 page_state_key:HTML
 spec_status:LS
@@ -1354,7 +1354,6 @@
 分布-:distribute::~
 JPEG:
 PNG:
-RGBA:
 遮る:obscureする:~
 光度:intensity::~
 裏画像:backing store::~
@@ -2968,8 +2967,6 @@ <h5 title="The 2D rendering context">4.12.5.1. ~2D描画~文脈</h5>
          `OffscreenCanvas$I or
          `VideoFrame$I) `CanvasImageSource@I;
 
-enum `PredefinedColorSpace@I { `srgb$l, `display-p3$l };
-
 enum `CanvasColorType@I { `unorm8$l, `float16$l };
 
 enum `CanvasFillRule@I { `nonzero$l, `evenodd$l };
@@ -3759,38 +3756,6 @@ <h5 title="The 2D rendering context">4.12.5.1. ~2D描画~文脈</h5>
 
 <hr>
 
-<p>
-`PredefinedColorSpace$I 列挙~型の値は、
-~canvasの裏画像（ `backing store^en ）用の色~空間を指定する：
-◎
-The PredefinedColorSpace enumeration is used to specify the color space of the canvas's backing store.
-</p>
-<dl class="def-list">
-	<dt>`srgb@l</dt>
-	<dd>
-`srgb$v 色~空間を指示する。
-◎
-The "srgb" value indicates the 'srgb' color space.
-</dd>
-
-	<dt>`display-p3@l</dt>
-	<dd>
-`display-p3$v 色~空間を指示する。
-◎
-The "display-p3" value indicates the 'display-p3' color space.
-</dd>
-</dl>
-
-<p class="note">注記：
-互いの色~空間へ変換する~algoは、
-`CSSCOLOR$r `§ 色の変換-法＠~CSSCOLOR#color-conversion$
-にて見出せる。
-◎
-The algorithm for converting between color spaces can be found in the Converting Colors section of CSS Color. [CSSCOLOR]
-</p>
-
-<hr>
-
 <p>
 `CanvasColorType$I 列挙~型の値は、
 ~canvasの裏画像~用の色~型を指定する：
@@ -9001,12 +8966,12 @@ <h6 title="Fill and stroke styles">4.12.5.1.10. ~fill~style, ~stroke~style</h6>
 <ul>
 	<li>
 各 色停の所での色は、
-その色停が指定する色になる。
+その色停が指定する色を当の文脈の`色~空間$2Dへ`変換した＠~CSSCOLOR#color-conversion$結果になる。
 </li>
 	<li>
 2 つの色停の合間における色は、［
 色, ~alpha
-］成分を~RGBA空間~内で線型に補間して得る
+］成分を当の文脈の`色~空間$2D内で線型に補間した結果になる
 — 色~成分に対しては~alpha値で乗算することなく。
 </li>
 	<li>
@@ -9023,7 +8988,7 @@ <h6 title="Fill and stroke styles">4.12.5.1.10. ~fill~style, ~stroke~style</h6>
 </li>
 </ul>
 ◎
-Once a gradient has been created (see below), stops are placed along it to define how the colors are distributed along the gradient. The color of the gradient at each stop is the color specified for that stop. Between each such stop, the colors and the alpha component must be linearly interpolated over the RGBA space without premultiplying the alpha value to find the color to use at that offset. Before the first stop, the color must be the color of the first stop. After the last stop, the color must be the color of the last stop. When there are no stops, the gradient is transparent black.
+Once a gradient has been created (see below), stops are placed along it to define how the colors are distributed along the gradient. The color of the gradient at each stop is the color specified for that stop, converted to the context's color space. Between each such stop, the colors and the alpha component must be linearly interpolated in the context's color space without premultiplying the alpha value to find the color to use at that offset. Before the first stop, the color must be the color of the first stop. After the last stop, the color must be the color of the last stop. When there are no stops, the gradient is transparent black.
 </div>
 
 <dl class="domintro">
@@ -12592,6 +12557,26 @@ <h6 title="Drawing model">4.12.5.1.22. 描法~model</h6>
 Render the shape or image onto an infinite transparent black bitmap, creating image A, as described in the previous sections. For shapes, the current fill, stroke, and line styles must be honored, and the stroke must itself also be subjected to the current transformation matrix.
 </li>
 	<li>
+<p>
+%A を当の文脈の`色~空間$2Dへ変換する
+◎
+Convert the image A to the context's color space.
+</p>
+
+<p class="note">注記：
+~2D文脈に対する入力において色~空間が未定義になるものは、
+存在しない。
+~CSS色~用の色~空間は、
+`CSSCOLOR$r にて定義される。
+色~profile情報を指定しない画像~用の色~空間は、
+`CSSCOLOR$r `§ ~tag無しな色が成す色~空間＠~CSSCOLOR#untagged$
+にて指定されるとおり，
+`srgb$v になる。
+◎
+There do not exist any inputs to a 2D context for which the color space is undefined. The color space for CSS colors is defined in CSS Color. The color space for images that specify no color profile information is 'srgb', as specified in the Color Spaces of Untagged Colors section of CSS Color. [CSSCOLOR]
+</p>
+	</li>
+	<li>
 %A 内の各~画素に対し，その~alpha成分を`大域~alpha$2Dで乗算する
 ◎
 Multiply the alpha component of every pixel in A by global alpha.
@@ -14197,54 +14182,49 @@ <h6 title="The offscreen 2D rendering context">4.12.5.3.1. ~offscreen~2D描画~
 				<section id="colour-spaces-and-colour-correction">
 <h5 title="Color spaces and color space conversion">4.12.5.4. 色~空間とその変換</h5>
 
+<pre class="idl">
+enum `PredefinedColorSpace@I { `srgb$l, `display-p3$l };
+</pre>
+
 <p>
-`canvas$e ~APIは、
-~canvasの裏画像
-（ `backing store^en, 裏で格納される画像~data）用の色~空間を指定するための仕組みを供する。
-すべての~canvas~API用の，裏画像~用の既定の色~空間は、
-`srgb$v とする。
+`PredefinedColorSpace$I 列挙~型の値は、
+~canvasの裏画像（ `backing store^en, 裏で格納される画像~data）用の色~空間を指定する：
 ◎
-The canvas APIs provide mechanisms for specifying the color space of the canvas's backing store. The default backing store color space for all canvas APIs is 'srgb'.
+The PredefinedColorSpace enumeration is used to specify the color space of the canvas's backing store.
 </p>
+<dl class="def-list">
+	<dt>`srgb@l</dt>
+	<dd>
+`srgb$v 色~空間を指示する。
+◎
+The "srgb" value indicates the 'srgb' color space.
+</dd>
 
-<p>
-~canvasを出力~機器に描画するときは、
-~canvasの裏画像に対し`色~空間の変換＠~CSSCOLOR#color-conversion$を適用してから行うモノトスル。
-この変換は、
-次に一致するモノトスル
-⇒
-`img$e 要素【の~source画像】が［
-~canvasの裏画像と同じ`色~空間$2Dを指定する色~profile
-］を伴う場合に適用される色~空間の変換
+	<dt>`display-p3@l</dt>
+	<dd>
+`display-p3$v 色~空間を指示する。
 ◎
-Color space conversion must be applied to the canvas's backing store when rendering the canvas to the output device. This color space conversion must be identical to the color space conversion that would be applied to an img element with a color profile that specifies the same color space as the canvas's backing store.
-</p>
+The "display-p3" value indicates the 'display-p3' color space.
+</dd>
+</dl>
 
 <p>
-内容を~2D文脈に描くときは、
-その前に，［
-すべての入力を当の~2D文脈の`色~空間$2Dへ`変換する＠~CSSCOLOR#color-conversion$
-］モノトスル。
-［
-~gradient色停の補間／~alpha混色
-］は、［
-当の`色~空間$2Dへ変換した後の色~値
-］に対し遂行するモノトスル。
+~canvasを出力~機器に描画するときは、
+~canvasの裏画像に対し`色~空間の変換＠~CSSCOLOR#color-conversion$を適用してから行うモノトスル。
 ◎
-When drawing content to a 2D context, all inputs must be converted to the context's color space before drawing. Interpolation of gradient color stops must be performed on color values after conversion to the context's color space. Alpha blending must be performed on values after conversion to the context's color space.
+Color space conversion must be applied to the canvas's backing store when rendering the canvas to the output device.
 </p>
 
 <p class="note">注記：
-~2D文脈に対する入力において色~空間が未定義になるものは、
-存在しない。
-~CSS色~用の色~空間は、
-`CSSCOLOR$r にて定義される。
-色~profile情報を指定しない画像~用の色~空間は、
-`CSSCOLOR$r `§ ~tag無しな色が成す色~空間＠~CSSCOLOR#untagged$
-に指定されるとおり，
-`srgb$v と見做される。
+互いの色~空間へ変換する~algoは、
+`CSSCOLOR$r `§ 色の変換-法＠~CSSCOLOR#color-conversion$
+にて見出せる。
+この変換は、
+`img$e 要素【の~source画像】が［
+~canvasの裏画像と同じ`色~空間$2Dを指定する色~profile
+］を伴う場合に適用される色~空間の変換に一致する。
 ◎
-There do not exist any inputs to a 2D context for which the color space is undefined. The color space for CSS colors is defined in CSS Color. The color space for images that specify no color profile information is assumed to be 'srgb', as specified in the Color Spaces of Untagged Colors section of CSS Color. [CSSCOLOR]
+The algorithm for converting between color spaces can be found in the Converting Colors section of CSS Color. This color space conversion is identical to the color space conversion that would be applied to an img element with a color profile that specifies the same color space as the canvas's backing store. [CSSCOLOR]
 </p>
 
 				</section>