transform
元素的变换矩阵,是元素布局与 坐标转换 的基础,可通过 Matrix / Point 类使用变换矩阵。
只读属性
worldTransform: IMatrixWithScaleData
相对于世界坐标的变换矩阵, 包含 scaleX、scaleY 属性。
localTransform: IMatrixData
相对于父元素的变换矩阵。
来源于
合成矩阵的顺序为: rotate -> skew -> scale -> translate。
x: number
x 轴位置。
y: number
y 轴位置。
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, resize?: boolean, transition?: ITranstion )
设置本地变换矩阵,会自动分解为元素的布局属性 x,y, scaleX,scaleY,rotation, skewX, skewY。
resize 参数可实现缩放操作转宽高值,transition 参数表示是否进行 动画 过渡。
getTransform ( relative?: ILocationType | UI = 'local' ): IMatrixData
获取变换矩阵, 支持获取相对任意父元素 relative 的相对矩阵。
transform ( matrix: IMatrixData, resize?: boolean, transition?: ITranstion )
变换操作,会自动分解为布局属性 增量操作。
resize 参数可实现缩放操作转宽高值,transition 参数表示是否进行 动画 过渡。
transformWorld ( worldTransform: IMatrixData, resize?: boolean, transition?: ITranstion )
transform() 在 世界坐标系 中操作。
resize 参数可实现缩放操作转宽高值,transition 参数表示是否进行 动画 过渡。