Skip to content

transform

元素的变换矩阵,是元素布局与 坐标转换 的基础,可通过 Matrix / Point 类使用变换矩阵。

内外视图

只读属性

worldTransform: IMatrixWithScaleData

相对于世界坐标的变换矩阵, 包含 scaleX、scaleY 属性。

localTransform: IMatrixData

相对于父元素的变换矩阵。

来源于

x: number

x 轴位置。

注意 offsetXaround 会改变元素的实际位置。

y: number

y 轴位置。

注意 offsetYaround 会改变元素的实际位置。

scaleX: number

x 轴缩放比例, 为负数时表示镜像 X 轴。

scaleY: number

y 轴缩放比例,为负数时表示镜像 Y 轴。

rotation: number

旋转角度,取值范围为 -180 ~ 180。

skewX: number

x 轴倾斜角度,取值范围为 -90 ~ 90。

skewY: number

y 轴倾斜角度,取值范围为 -90 ~ 90。

关键方法

setTransform ( matrix: IMatrixData )

设置本地变换矩阵,会自动分解为元素的布局属性 x,y, scaleX,scaleY,rotation, skewX, skewY。

getTransform ( relative?: ILocationType | UI = 'local' ): IMatrixData

获取变换矩阵, 支持获取相对任意父元素 relative 的相对矩阵。

transform ( matrix: IMatrixData )

变换操作,会自动分解为布局属性 增量操作

相对世界坐标系

transformWorld ( worldTransform: IMatrixData )

transform() 在 世界坐标系 中操作。

归属

UI

Released under the MIT License.