文档模型
SVG 的「画布」不是一张 bitmap,而是 viewport + 用户坐标系。这一章只解决:空间怎么定义、变换怎么叠、谁盖住谁。
这一章覆盖什么
- viewport 与 viewBox
- 用户空间、CTM、
getScreenCTM - 绘制顺序、层叠、
display/visibility/opacity
文档清单
| 文档 | 解决的问题 |
|---|---|
| viewport 与 viewBox | 四个数各自是什么,为什么 CSS 宽高不是用户单位 |
| 用户坐标系与变换 | 属性 transform、CSS transform、矩阵逆变换 |
| 绘制顺序与层叠 | 文档序、合成、为什么 z-index 不是万能 |
约定
本体系用户空间默认等于 viewBox 用户单位。指针命中一律:client → inverse(getScreenCTM) → 局部坐标。不要用 offsetX 当用户单位。
核对日期:2026-08-26