Reference shearX()

shearX()

Shears the x-axis so that shapes appear skewed.

By default, the x- and y-axes are perpendicular. The shearX() function transforms the coordinate system so that x-coordinates are translated while y-coordinates are fixed.

The first parameter, angle, is the amount to shear. For example, calling shearX(1) transforms all x-coordinates using the formula x = x + y * tan(angle). shearX() interprets angle values using the current angleMode().

By default, transformations accumulate. For example, calling shearX(1) twice has the same effect as calling shearX(2) once. The push() and pop() functions can be used to isolate transformations within distinct drawing groups.

Note: Transformations are reset at the beginning of the draw loop. Calling shearX(1) inside the draw() function won't cause shapes to shear continuously.

Examples

Syntax

shearX(angle)

Parameters

angle

angle to shear by in the current angleMode().

Notice any errors or typos? Please let us know. Please feel free to edit src/core/transform.js and open a pull request!

Related References