Rotate

Allows you to rotate an element.

Usage

new rotate(rotateOptions)

Basic implementation

const circle = new rotate({ element: '.circle1' });

rotateOptions

interface RotateOptions {
    element: string;
    snapAngle?: number;
    onRotation?: (angle: number) => void;
}

element

Type:

type element = string

The element selector.

snapAngle

Type:

type snapAngle = number

default: 1

The angle that the rotation snaps to.

onRotation

Type:

type onRotation = (angle: number) => void;

Executes when the element rotates.

Properties

actionName readonly

Type:

type actionName = string

The name of the action that can be used to programmatically rotate the element.

touchEnabled

Type:

type touchEnabled = boolean

Enables or disables touch events. Default is false.

Methods

deinit()

Removes the event listeners and disables the rotate functionality.

Actions

You are able to rotate elements using actions. Since every rotate action is unique you can do the following:

const element = new rotate({ element: '.circle1' });

actions.execute(element.actionName, 90);