类: Transform

Transform

矩阵变换类 transform(a, b, c, d, e, f) a (m11) 水平方向的缩放 b (m12) 竖直方向的倾斜偏移 c (m21) 水平方向的倾斜偏移 d (m22) 竖直方向的缩放 e (dx) 水平方向的移动 f (dy) 竖直方向的移动


构造

new Transform()

构造函数

方法列表

名称 说明
.apply(transform, coordinate, precision)

使用矩阵变换坐标的值。

.applys(transform, coordinate, precision)

使用矩阵变换坐标的值。

.compose(transform, dx1, dy1, sx, sy, angle, dx2, dy2)

在给定目标坐标系点(初始平移)、缩放、旋转和源坐标系点(最终平移)的情况下创建合成变换。

.create()

创建Transform.

.createByData(transData)

生成坐标变换对象

.determinant(transform)

返回给定矩阵的行列式. 行列式可以表达矩阵缩放倍率的平方

.getRotationAngle(transform)

取旋转角度

.getScale()

取缩放倍率, 行列式可以表达 矩阵缩放倍率的平方,当x轴和y轴的缩放倍率相同时,可以通过行列式计算缩放倍率 但是,x或y出现翻转时,行列式的值为负值,例如d=-1表示垂直翻转

.invert(transform)

反转给定的变换

.multiply(transform1, transform2)

将两个变换的基础矩阵相乘,并返回第一个变换的结果。

.reset(transform)

重置矩阵

.rotate(transform, angle)

在矩阵中增加旋转量

.scale(transform, x, y)

在矩阵中增加缩放量

.set()

给矩阵赋值

.setFromArray(transform1, transform2)

将一个矩阵的值赋予另一个矩阵

.skew(transform, sx, sy)

在矩阵中增加错切量

.toString(transform)

转换为字符串

.translate(transform, dx, dy)

在矩阵中增加平移量

详细说明


(static) apply(transform, coordinate, precision)

使用矩阵变换坐标的值。

参数
名称 类型 缺省值 说明
transform Transform

变换矩阵.

coordinate Array

原坐标,格式为[x,y].

precision Boolean

返回值是否保留小数.

返回值

返回变换之后的坐标

Type
Array

(static) applys(transform, coordinate, precision)

使用矩阵变换坐标的值。

参数
名称 类型 缺省值 说明
transform Transform

变换矩阵.

coordinate Array

原坐标,格式为[[x,y],[x,y],[x,y],[x,y],[x,y],……].

precision Boolean

返回值是否保留小数.

返回值

返回变换之后的坐标

Type
Array

(static) compose(transform, dx1, dy1, sx, sy, angle, dx2, dy2)

在给定目标坐标系点(初始平移)、缩放、旋转和源坐标系点(最终平移)的情况下创建合成变换。

参数
名称 类型 缺省值 说明
transform Transform

引用的矩阵.

dx1 number

目标坐标系点X坐标.

dy1 number

目标坐标系点Y坐标.

sx number

Scale factor x.

sy number

Scale factor y.

angle number

旋转角度

dx2 number

源坐标系点X坐标.

dy2 number

源坐标系点Y坐标.

返回值

坐标系转换矩阵.

Type
Transform

(static) create()

创建Transform.

返回值

初始矩阵.

Type
Transform

(static) createByData(transData)

生成坐标变换对象

参数
名称 类型 缺省值 说明
transData Array

[{"action":"translate", "value":[5, 5], "scaleValue":[100, 100]}, {"action":"scale", "value":[2, 2]}, {"action":"rotate", "value":30, "origin":[0, 0], "originPixel":[0, 0]}]

返回值

transform


(static) determinant(transform)

返回给定矩阵的行列式. 行列式可以表达矩阵缩放倍率的平方

参数
名称 类型 缺省值 说明
transform Transform

矩阵.

返回值

行列式.

Type
number

(static) getRotationAngle(transform)

取旋转角度

参数
名称 类型 缺省值 说明
transform Transform
返回值

angle.

Type
number

(static) getScale()

取缩放倍率, 行列式可以表达 矩阵缩放倍率的平方,当x轴和y轴的缩放倍率相同时,可以通过行列式计算缩放倍率 但是,x或y出现翻转时,行列式的值为负值,例如d=-1表示垂直翻转


(static) invert(transform)

反转给定的变换

参数
名称 类型 缺省值 说明
transform Transform

Transform.

返回值

Inverse of the transform.

Type
Transform

(static) multiply(transform1, transform2)

将两个变换的基础矩阵相乘,并返回第一个变换的结果。

参数
名称 类型 缺省值 说明
transform1 Transform

矩阵1.

transform2 Transform

矩阵2.

返回值

变换的结果,同时也将改变目标矩阵的值.

Type
Transform

(static) reset(transform)

重置矩阵

参数
名称 类型 缺省值 说明
transform Transform

Transform.

返回值

transform.

Type
Transform

(static) rotate(transform, angle)

在矩阵中增加旋转量

参数
名称 类型 缺省值 说明
transform Transform

变换前的矩阵.

angle number

旋转角度(弧度).

返回值

旋转后的矩阵.

Type
Transform

(static) scale(transform, x, y)

在矩阵中增加缩放量

参数
名称 类型 缺省值 说明
transform Transform

变换前的矩阵.

x number

水平方向缩放倍数.

y number

垂直方向缩放倍数.

返回值

缩放后的矩阵.

Type
Transform

(static) set()

给矩阵赋值

返回值

重新赋值的矩阵,同时也将改变目标矩阵的值.

Type
Transform

(static) setFromArray(transform1, transform2)

将一个矩阵的值赋予另一个矩阵

参数
名称 类型 缺省值 说明
transform1 Transform

目标矩阵.

transform2 Transform

原矩阵.

返回值

返回新的矩阵,同时也将改变目标矩阵的值.

Type
Transform

(static) skew(transform, sx, sy)

在矩阵中增加错切量

参数
名称 类型 缺省值 说明
transform *
sx *

水平方向错切量.

sy *

垂直方向错切量.

返回值

错切后的矩阵.

Type
Transform

(static) toString(transform)

转换为字符串

参数
名称 类型 缺省值 说明
transform Transform
返回值

string


(static) translate(transform, dx, dy)

在矩阵中增加平移量

参数
名称 类型 缺省值 说明
transform Transform

变换前的矩阵.

dx number

水平方向平移量.

dy number

垂直方向平移量.

返回值

平移后的矩阵.

Type
Transform