坐标体系
以小圆作为参照物，由内到外，依次为内部坐标系、本地坐标系、page 坐标系、世界坐标系。
透视图
我们的应用是一个多层级的树结构，层层嵌套，每个层级都有独立的 x、y、scaleX、scaleY、rotation、skewX、skewY 属性，这些属性因子构成了一个个独立起点的坐标系，坐标转换 其实就是要转换不同层级间的这些属性因子关系 。
我们一般通过 transform 合并这些属性因子，方便进行元素布局与 坐标转换。
坐标系类型
判断坐标的类型，只需看坐标的起点是相对谁，就是哪一个坐标系。
inner
内部坐标系: 元素内的坐标
以元素自身为起点（0，0）， 如元素的 width、 height、路径（Line、Path 等）中的坐标点，可以把元素想象成一个房间，房间内不受元素的 x、y、scaleX、scaleY、rotation 影响。
const rect = new Rect({
width: 100,
height: 100
stroke: 'black',
})
const path = new Path({
path: 'M 0 0 L 100 100 L 0 100 Z',
stroke: 'black',
})local
本地坐标系: 相对于父元素的坐标（相对坐标），相当于 HTML 的 offset 坐标系
以父元素为起点（0，0），如元素的 x、y、scaleX、scaleY、rotation 属性，可以把父元素想象成房子所在的小区，内部坐标想转换为本地坐标，会受元素的 x、y、scaleX、scaleY、rotation 影响。
const path = new Path({
x: 200,
y: 300,
path: 'M 0 0 L 100 100 L 0 100 Z',
stroke: 'black',
})page
场景坐标系: 相对于 leafer 缩放层的坐标（leafer 页面坐标）， 相当于 HTML 的 page 坐标系
以 leafer 缩放层 为起点（0，0），缩放层一般是 leafer 自身， 根元素添加在这个坐标系中。
world
世界坐标系: 在画布上的坐标（视口坐标），相当于 HTML 的 client 坐标系
以画布左上角为起点（0，0），交互事件中的坐标基本都是世界坐标系，可以把画布想象成游戏世界，内部坐标想转换为世界坐标，会受元素及中间层级元素的 x、y、scaleX、scaleY、rotation 影响。