跳到主要内容

文档模型

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