Skip to content

transform ​

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

内外视图

只读属性 ​

worldTransform: IMatrixWithScaleData ​

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

localTransform: IMatrixData ​

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

来源于 ​

合成矩阵的顺序为: rotate -> skew -> scale -> translate。

x: number ​

x 轴位置。

注意 offsetX、around 会改变元素的实际位置。

y: number ​

y 轴位置。

注意 offsetY、around 会改变元素的实际位置。

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 参数表示是否进行 动画 过渡。

归属 ​

UI 元素 ​

Released under the MIT License.