Skip to content

Commit 860cd7c

Browse files
[SVG2] Changes the behavior of fx, fy. w3c/svgwg@aaeec45
1 parent 0c2e2ce commit 860cd7c

1 file changed

Lines changed: 28 additions & 53 deletions

File tree

svg-pservers-ja.html

Lines changed: 28 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212

1313
●●options
1414
spec_title:SVG 2 Paint Servers: Solid Colors, Gradients, and Patterns
15-
spec_date:2025-09-14
16-
trans_update:2025-10-28
15+
spec_date:2026-03-12
16+
trans_update:2026-03-20
1717
source_checked:181204
1818
abbr_url:SVGpservers
1919
page_state_key:SVG
@@ -358,7 +358,6 @@ <h2 title="Introduction">14.1. 序論</h2>
358358
</p>
359359

360360
<div class="annotation svg2-requirement">
361-
362361
<p>
363362
~SVG-2要件:
364363
任意のもので図形を~fillする。
@@ -388,7 +387,6 @@ <h2 title="Introduction">14.1. 序論</h2>
388387
`Owner: Alex? (no action)^en
389388
</li>
390389
</ul>
391-
392390
</div>
393391

394392
<figure>
@@ -441,7 +439,7 @@ <h3 title="Using paint servers as templates">14.1.1. 塗り~serverの~template
441439
当の塗り~server要素と互換な別の塗り~server要素を~templateとして定義して,
442440
利用できるようになる。
443441
~template要素~用に定義された`複製-可能な属性$は、
444-
現在の要素~上に同名の属性が指定されていない場合に,初期~値に代えて利用される。
442+
現在の要素~上に同名の属性が指定されなかった場合に,初期~値に代えて利用される。
445443
加えて,現在の要素に`記述的~要素$以外の子~内容が無い場合、
446444
~template要素の子~内容が~cloneされ,それを置換する。
447445
@@ -1101,7 +1099,6 @@ <h4 title="Notes on linear gradients">14.2.2.2. 線型~gradientに対する注
11011099
</p>
11021100

11031101
<div class="example">
1104-
11051102
<p>
11061103
11071104
`lingrad01@xl
@@ -1320,8 +1317,10 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
13201317
13211318
`cx$aR, `cy$aR
13221319
]は、
1323-
放射型~gradient用の終端円の中心を, `r$aR は半径を定義する。
1324-
~gradientは[
1320+
放射型~gradient用の終端円の中心を定義する。
1321+
`r$aR は、
1322+
その半径を定義する。
1323+
当の~gradientは、[
13251324
~offset 100% の`色停$がこの終端円の周に対応付けられる
13261325
]ように描かれることになる。
13271326
@@ -1346,7 +1345,7 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
13461345
See ‘cx’.
13471346
</dd>
13481347
<dd>
1349-
`r$aR に対する負な値は~errorとする(`~error処理$secを見よ)。
1348+
`r$aR に対する負な値は~error(`~error処理$secを見よ)。
13501349
13511350
A negative value is an error (see Error processing).
13521351
@@ -1359,7 +1358,7 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
13591358
<dt>
13601359
◎属名 `fx@aR, `fy@aR, `fr@aR
13611360
◎属値 `length$t `†$
1362-
◎属初 下を見よ
1361+
◎属初 `fx^a, `fy^a 用には `50%^v / `fr^a 用には `0%^v
13631362
◎属ア 可
13641363
◎表終
13651364
@@ -1369,42 +1368,22 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
13691368
<dd>
13701369
13711370
`fx$aR, `fy$aR
1372-
]は 放射型~gradient用の始端円(焦点円)の中心,
1373-
`fr$aR は半径を定義する。
1374-
~gradientは[
1371+
]は、
1372+
放射型~gradient用の始端円(焦点円)の中心を定義する。
1373+
`fr$aR は、
1374+
その半径を定義する。
1375+
当の~gradientは、[
13751376
~offset 0% の`色停$がこの始端円の周に対応付けられる
13761377
]ように描かれることになる。
13771378
13781379
‘fx’, ‘fy’, and ‘fr’ define the start circle for the radial gradient. The gradient will be drawn such that the 0% gradient stop is mapped to the perimeter of this start circle.
13791380
13801381
initial value
1381-
see below
1382+
50%
13821383
Animatable
13831384
yes
13841385
</dd>
13851386
<dd>
1386-
1387-
`fx$aR / `fy$aR
1388-
]属性が指定されていない場合、[
1389-
`fx$aR / `fy$aR
1390-
]は[
1391-
`cx$aR / `cy$aR
1392-
]の呈示~用の値に一致することになる
1393-
— 当の要素が[
1394-
`cx$aR / `cy$aR
1395-
]用の値を継承するかどうかを問わず。
1396-
1397-
If attribute ‘fx’ is not specified, ‘fx’ will coincide with the presentational value of ‘cx’ for the element whether the value for 'cx' was inherited or not.\
1398-
</dd>
1399-
<dd>
1400-
`fr$aR 属性に対しては
1401-
⇒#
1402-
負な値は~error(`~error処理$secを見よ)/
1403-
指定されていない場合の効果は、
1404-
値 `0%^v が指定されていたかのようになる。
1405-
1406-
↓↓</dd>
1407-
<dd>
14081387
要素が[
14091388
`fx$aR / `fy$aR / `fr$aR
14101389
]用の値を指定する要素を参照する場合、[
@@ -1413,11 +1392,6 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
14131392
14141393
If the element references an element that specifies a value for 'fx', then the value of 'fx' is inherited from the referenced element.
14151394
</dd>
1416-
<dd class="note">注記:
1417-
`fr$aR 属性は、
1418-
~Canvas~APIと揃えるために,~SVG-2にて新たに追加された。
1419-
1420-
↓↓</dd>
14211395
<dd>
14221396
<figure>
14231397
<p class="alt" hidden id="_dgm-radial_gradient_dimensions">
@@ -1435,10 +1409,13 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
14351409
始端円と終端円~上の対応する点を接続する。
14361410
終端円の外側にある領域は 最後の `stop-color$p で塗られ,
14371411
始端円の内側にある領域は 最初の `stop-color$p で塗られる。
1438-
</figcaption></figure>
1439-
14401412
14411413
This diagram shows how the geometric attributes are defined for the case where ‘fr’ is 50% of ‘r’. The small circle marks the center of the outermost circle (‘cx’,‘cy’), while the cross marks the center of the innermost circle (‘fx’,‘fy’). The dashed lines show two gradient vectors. Vectors connect corresponding points on the inner and outer most circles. The region outside the outer circle is painted with the last stop-color while the region inside the inner circle is painted with the first stop-color.
1414+
</figcaption></figure>
1415+
</dd>
1416+
<dd>
1417+
`fr$aR 属性に対する負な値は~error(`~error処理$secを見よ)。
1418+
【!不要: 指定されなかった場合の効果は,値 `0%^v が指定されたかのようになる。】
14421419
14431420
fy = "&lt;length&gt;"
14441421
@@ -1449,7 +1426,7 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
14491426
Animatable
14501427
yes
14511428
1452-
If attribute ‘fy’ is not specified, ‘fy’ will coincide with the presentational value of ‘cy’ for the element whether the value for 'cy' was inherited or not. If the element references an element that specifies a value for 'fy', then the value of 'fy' is inherited from the referenced element.
1429+
If the element references an element that specifies a value for 'fy', then the value of 'fy' is inherited from the referenced element.
14531430
14541431
fr = "&lt;length&gt;"
14551432
@@ -1466,6 +1443,11 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
14661443
14671444
If the attribute is not specified, the effect is as if a value of '0%' were specified. If the element references an element that specifies a value for 'fr', then the value of 'fr' is inherited from the referenced element.
14681445
</dd>
1446+
<dd class="note">注記:
1447+
`fr$aR 属性は、
1448+
~Canvas~APIと揃えるために,~SVG-2にて新たに追加された。
1449+
1450+
</dd>
14691451
<dd class="annotation svg2-requirement">
14701452
<p>
14711453
~SVG-2要件:
@@ -1588,7 +1570,6 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
15881570
</p>
15891571

15901572
<div class="annotation svg2-requirement">
1591-
15921573
<p>
15931574
~SVG-2要件:
15941575
真円~上に焦点を伴う放射型~gradientを明確化する。
@@ -1629,7 +1610,6 @@ <h4 title="Attributes">14.2.3.1. 属性</h4>
16291610
Note:
16301611
SVG 1.1 does not define what to do when the focal point is on the circle edge, with 'repeat'. The distance between the first and last stop for the repeating colors is 0. It was resolved that the paint should generate a color that is the weighted average (by offset) of all the gradient stops.
16311612
</p>
1632-
16331613
</div>
16341614

16351615
</section>
@@ -1998,7 +1978,7 @@ <h4 title="Notes on gradient stops">14.2.4.3. 色停に対する注記</h4>
19981978
~gradient効果が生じるためには、
19991979
2 個~以上の色停を定義することが必要yである。
20001980
定義されている色停が無い場合、
2001-
塗り~styleに `none^v が指定されていたかのようになるモノトスル
1981+
塗り~styleに `none^v が指定されたかのようになるモノトスル
20021982
定義されている色停が 1 個だけの場合、
20031983
その色停~用に定義された色のみを利用する~fillでベタ色に塗られる。
20041984
@@ -2053,9 +2033,7 @@ <h4 title="Notes on gradient stops">14.2.4.3. 色停に対する注記</h4>
20532033
20542034
which is a gradient that goes smoothly from white to red, then abruptly shifts from red to blue, and then goes smoothly from blue to black.
20552035
</p>
2056-
20572036
</div>
2058-
20592037
</li>
20602038
</ul>
20612039

@@ -2328,7 +2306,7 @@ <h3 title="Attributes">14.3.1. 属性</h3>
23282306
<dd>
23292307
`width$aP, `height$aP 属性に対しては
23302308
2331-
負な値は ~error(`~error処理$secを見よ)。
2309+
負な値は~error(`~error処理$secを見よ)。
23322310
値 0 は、
23332311
要素の描画を不能化する(すなわち,適用される塗りは無い)。
23342312
@@ -2462,7 +2440,6 @@ <h3 title="Notes on patterns">14.3.2. ~patternに対する注記</h3>
24622440
</p>
24632441

24642442
<div class="example">
2465-
24662443
<p>
24672444
したがって,次の例では:
24682445
@@ -2576,7 +2553,6 @@ <h3 title="Notes on patterns">14.3.2. ~patternに対する注記</h3>
25762553
</figcaption></figure>
25772554

25782555
`pservers/pattern01.svg^viewAs
2579-
25802556
</div>
25812557

25822558
</section>
@@ -2622,7 +2598,6 @@ <h3 title="Interface SVGGradientElement">14.4.1. ~interface `SVGGradientElement^
26222598
</p>
26232599

26242600
<div>
2625-
26262601
<table><thead>
26272602
<tr><th>定数
26282603
<th>~keyword

0 commit comments

Comments
 (0)