Class: Transform

Konva. Transform


new Transform( [m])

Transform constructor.
In most of the cases you don't need to use it in your app. Because it is for internal usage in Konva core.
But there is a documentation for that class in case you still want
to make some manual calculations.

Parameters:
Name Type Argument Description
m Array <optional>

Optional six-element matrix

Source:
konva.js

Methods


copy()

Copy Konva.Transform object

Source:
konva.js
Returns:
Type
Konva.Transform
Example
const tr = shape.getTransform().copy()

decompose()

convert transformation matrix back into node's attributes

Source:
konva.js
Returns:
Type
Konva.Transform

getMatrix()

return matrix

Source:
konva.js

getTranslation()

Returns the translation

Source:
konva.js
Returns:

2D point(x, y)

Type
Object

invert()

Invert the matrix

Source:
konva.js
Returns:
Type
Konva.Transform

multiply(matrix)

Transform multiplication

Parameters:
Name Type Description
matrix Konva.Transform
Source:
konva.js
Returns:
Type
Konva.Transform

point(point)

Transform point

Parameters:
Name Type Description
point Object

2D point(x, y)

Source:
konva.js
Returns:

2D point(x, y)

Type
Object

rotate(rad)

Apply rotation

Parameters:
Name Type Description
rad Number

Angle in radians

Source:
konva.js
Returns:
Type
Konva.Transform

scale(sx, sy)

Apply scale

Parameters:
Name Type Description
sx Number
sy Number
Source:
konva.js
Returns:
Type
Konva.Transform

setAbsolutePosition()

set to absolute position via translation

Author:
  • ericdrowell
Source:
konva.js
Returns:
Type
Konva.Transform

skew(sx, sy)

Apply skew

Parameters:
Name Type Description
sx Number
sy Number
Source:
konva.js
Returns:
Type
Konva.Transform

translate(x, y)

Apply translation

Parameters:
Name Type Description
x Number
y Number
Source:
konva.js
Returns:
Type
Konva.Transform