Class createjs.Transform
Defined in: transform.js.
| Constructor Attributes | Constructor Name and Description |
|---|---|
|
A class that represents an affine transformation compatible with the one used
by the CanvasRenderingContext2D interface, e.g.
|
| Field Attributes | Field Name and Description |
|---|---|
|
The horizontal scale.
|
|
|
The horizontal skew.
|
|
|
The vertical skew.
|
|
|
The vertical scale.
|
|
|
Whether this transform is invertible.
|
|
|
The horizontal translation.
|
|
|
The vertical translation.
|
| Method Attributes | Method Name and Description |
|---|---|
|
appendTransform(transform, position, scale, rotation, skew, registration)
Generates matrix properties from transform properties used by display
objects, and appends them with this matrix.
|
|
|
copyTransform(transform)
Copies the specified transform.
|
|
|
Returns an inverse transformation of this transformation.
|
|
|
set(position, scale, rotation, skew, registration)
Generates matrix properties from transform properties used by display
objects, and appends them with this matrix.
|
|
|
transformBox(box, output)
Transforms a bounding box in the coordinate system of the owner object to a
box in the global coordinate system, which is used by the createjs.Renderer
interface.
|
|
|
transformPoint(point)
Applies this transformation to the specified point and returns the
transformed point as listed in the following formula.
|
Class Detail
createjs.Transform()
A class that represents an affine transformation compatible with the one used
by the CanvasRenderingContext2D interface, e.g. a 3x3 matrix listed below:
| a c tx |
| b d ty |
| 0 0 1 |
Field Detail
a
The horizontal scale.
b
The horizontal skew.
c
The vertical skew.
d
The vertical scale.
invertible
Whether this transform is invertible.
tx
The horizontal translation.
ty
The vertical translation.
Method Detail
appendTransform(transform, position, scale, rotation, skew, registration)
Generates matrix properties from transform properties used by display
objects, and appends them with this matrix.
- Parameters:
- {createjs.Transform} transform
- {createjs.Point} position
- {createjs.Point} scale
- {number} rotation
- {createjs.Point} skew
- {createjs.Point} registration
copyTransform(transform)
Copies the specified transform.
- Parameters:
- {createjs.Transform} transform
{createjs.Transform}
getInverse()
Returns an inverse transformation of this transformation.
- Returns:
- {createjs.Transform}
set(position, scale, rotation, skew, registration)
Generates matrix properties from transform properties used by display
objects, and appends them with this matrix.
- Parameters:
- {createjs.Point} position
- {createjs.Point} scale
- {number} rotation
- {createjs.Point} skew
- {createjs.Point} registration
transformBox(box, output)
Transforms a bounding box in the coordinate system of the owner object to a
box in the global coordinate system, which is used by the createjs.Renderer
interface. This method applies an affine transformation to the corner points
of the given box to get their global positions to create its transformed
bounding box.
- Parameters:
- {createjs.BoundingBox} box
- {createjs.BoundingBox} output
{createjs.Point}
transformPoint(point)
Applies this transformation to the specified point and returns the
transformed point as listed in the following formula.
| x' | | a c tx | | x |
| y' | = | b d ty | * | y |
| 1 | | 0 0 1 | | 1 |
| a*x+c*y+tx |
= | b*x+d*y+ty |
| 1 |
This method is used for converting a point in a local coordinate to a point
in the global coordinate, and vice versa.
- Parameters:
- {createjs.Point} point
- Returns:
- {createjs.Point}