Class: CssTransformBuilder
Defined in: src/sdk/graphics/css/CssTransform.ts:602
A utility class for building CSS transforms.
Constructors
Constructor
new CssTransformBuilder():
CssTransformBuilder
Returns
CssTransformBuilder
Methods
concat()
staticconcat<T>(...transforms):CssTransformChain<T>
Defined in: src/sdk/graphics/css/CssTransform.ts:725
Concatenates zero or more CSS transformations.
Type Parameters
| Type Parameter |
|---|
T extends CssTransform[] |
Parameters
| Parameter | Type | Description |
|---|---|---|
...transforms | T | The individual transforms to concatentate. The order of the transforms passed to the function determines the order of concatenation. Concatenation follows the standard CSS transform convention: for a concatenation of transforms [A, B, C], the resulting transformation is equivalent to the one produced by multiplying the transformation matrices in the order (A * B) * C. |
Returns
A new CssTransformChain object representing the concatenation of the specified transforms.
matrix()
staticmatrix():CssMatrixTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:607
Creates a new instance of a CSS matrix transform, initialized to the identity transformation.
Returns
A new instance of a CSS matrix transform, initialized to the identity transformation.
rotate()
staticrotate(unit):CssRotateTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:616
Creates a new instance of a CSS rotate transform, initialized to zero rotation.
Parameters
| Parameter | Type | Description |
|---|---|---|
unit | "rad" | "deg" | The angle unit to use for the new transform. |
Returns
A new instance of a CSS rotate transform, initialized to zero rotation.
rotate3d()
staticrotate3d(unit):CssRotate3dTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:625
Creates a new instance of a CSS rotate3d transform, initialized to zero rotation about the z axis.
Parameters
| Parameter | Type | Description |
|---|---|---|
unit | "rad" | "deg" | The angle unit to use for the new transform. |
Returns
A new instance of a CSS rotate3d transform, initialized to zero rotation about the z axis.
scale()
staticscale():CssScaleTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:705
Creates a new instance of a CSS scale transform, initialized to the identity scaling.
Returns
A new instance of a CSS scale transform, initialized to the identity scaling.
scale3d()
staticscale3d():CssScale3dTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:713
Creates a new instance of a CSS scale3d transform, initialized to the identity scaling.
Returns
A new instance of a CSS scale3d transform, initialized to the identity scaling.
scaleX()
staticscaleX():CssScaleXTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:681
Creates a new instance of a CSS scaleX transform, initialized to the identity scaling.
Returns
A new instance of a CSS scaleX transform, initialized to the identity scaling.
scaleY()
staticscaleY():CssScaleYTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:689
Creates a new instance of a CSS scaleY transform, initialized to the identity scaling.
Returns
A new instance of a CSS scaleY transform, initialized to the identity scaling.
scaleZ()
staticscaleZ():CssScaleZTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:697
Creates a new instance of a CSS scaleZ transform, initialized to the identity scaling.
Returns
A new instance of a CSS scaleZ transform, initialized to the identity scaling.
translate()
statictranslate(unitX,unitY?):CssTranslateTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:662
Creates a new instance of a CSS translate transform, initialized to zero translation.
Parameters
| Parameter | Type | Description |
|---|---|---|
unitX | string | The unit to use for the new transform's x translation. |
unitY? | string | The unit to use for the new transform's y translation. |
Returns
A new instance of a CSS translate transform, initialized to zero translation.
translate3d()
statictranslate3d(unitX,unitY?,unitZ?):CssTranslate3dTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:673
Creates a new instance of a CSS translate3d transform, initialized to zero translation.
Parameters
| Parameter | Type | Description |
|---|---|---|
unitX | string | The unit to use for the new transform's x translation. |
unitY? | string | The unit to use for the new transform's y translation. |
unitZ? | string | The unit to use for the new transform's z translation. |
Returns
A new instance of a CSS translate3d transform, initialized to zero translation.
translateX()
statictranslateX(unit):CssTranslateXTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:634
Creates a new instance of a CSS translateX transform, initialized to zero translation.
Parameters
| Parameter | Type | Description |
|---|---|---|
unit | string | The unit to use for the new transform. |
Returns
A new instance of a CSS translateX transform, initialized to zero translation.
translateY()
statictranslateY(unit):CssTranslateYTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:643
Creates a new instance of a CSS translateY transform, initialized to zero translation.
Parameters
| Parameter | Type | Description |
|---|---|---|
unit | string | The unit to use for the new transform. |
Returns
A new instance of a CSS translateY transform, initialized to zero translation.
translateZ()
statictranslateZ(unit):CssTranslateZTransform
Defined in: src/sdk/graphics/css/CssTransform.ts:652
Creates a new instance of a CSS translateZ transform, initialized to zero translation.
Parameters
| Parameter | Type | Description |
|---|---|---|
unit | string | The unit to use for the new transform. |
Returns
A new instance of a CSS translateZ transform, initialized to zero translation.