-
Notifications
You must be signed in to change notification settings - Fork 4
/
192.txt
53 lines (36 loc) · 2.07 KB
/
192.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
[1] [[Web]] では、[[左上隅]]を[[原点]]とし、[[水平]]方向を [VAR[X]] 軸、
[[垂直]]方向を [VAR[Y]] 軸として[[右下]]が[[正]]の方向になる[[座標系]]を採用しています。
[2] 次の場面でこの[[座標系]]が採用されています。
[FIG(short list)[
- [[CSS]]/[[CSSOM]]
- [[SVG]]
- [CODE(HTML)@en[2d]]
- [CODE(DOMi)@en[MouseEvent]]
- [[サーバー側画像写像]]
- [[クライアント側画像写像]]
- [[媒体素片]] [CODE(URI)[[[xywh]]]]
]FIG]
* 負
[3] [[負]]の方向もありますが、制限もあります。
[4] [[媒体素片]]では構文的に[[負]]の値は表現できません。
* 小数
[5] [[座標]]上の値は基本的には[[画素]]単位となっていますが、
[[小数]]の[[座標]]も表現できることがあります。
[6] [[媒体素片]]では構文的に[[画素]]単位または[[百分率]]単位に満たない値は表現できません。
* [VAR[Z]] 軸
[7] [[CSS]] では [CODE(CSS)@en[[[z-index]]]] [[特性]]により前後方向を指定できます。
しかし [VAR[X]] や [VAR[Y]] とは違って無単位の値になっています。
;; [8] [VAR[X]] や [VAR[Y]] の軸とは違って前後方向に対して斜めに表示できません。
* 座標変換
[9] [[画像写像]]は [[CSS]] による変形の結果に対する座標となっています。
[10] [[媒体素片]]は[[アスペクト比]]の変換等の変形の結果に対する座標となっています。
* 歴史
[11] [CITE@en[Bug 28029 – Mouse coordinates represented in CSS pixels do not account for retina displays with window.devicePixelRatio > 1.]]
([TIME[2015-02-17 19:41:40 +09:00]] 版)
<https://www.w3.org/Bugs/Public/show_bug.cgi?id=28029#c6>
[12] [CITE[Blink Coordinate Spaces - The Chromium Projects]]
([TIME[2015-03-21 10:14:33 +09:00]] 版)
<https://www.chromium.org/developers/design-documents/blink-coordinate-spaces>
[13] [CITE@en[CSSOM View Module]]
([TIME[2016-08-06 08:18:46 +09:00]])
<https://drafts.csswg.org/cssom-view/#scrolling-area-origin>