meo-canvas - v8.0.1
    Preparing search index...

    Interface TransformProps

    Defines the 2D transformation properties for a BoxNode. Transformations are applied relative to the specified origin.

    interface TransformProps {
        originX?: number | `${number}%`;
        originY?: number | `${number}%`;
        rotate?: number;
        scale?: number;
        scaleX?: number;
        scaleY?: number;
        translateX?: number | `${number}%`;
        translateY?: number | `${number}%`;
    }
    Index
    originX? originY? rotate? scale? scaleX? scaleY? translateX? translateY?
    originX?: number | `${number}%`

    The horizontal origin point for transformations (rotate, scale).

    Pixels from the left edge if it's number, percentage of the node's width if it's string.

    '50%' (center)
    originY?: number | `${number}%`

    The vertical origin point for transformations (rotate, scale).

    Pixels from the top edge if it's number, percentage of the node's height if it's string.

    '50%' (center)
    rotate?: number

    Rotation around the transform origin.

    Angle in degrees. Positive values rotate clockwise.

    undefined (no rotation)
    scale?: number

    Uniform scaling factor (applied to both X and Y axes). A value of 1 means no scaling, 2 means double size, 0.5 means half-size. This value is overridden by scaleX and scaleY if they are also provided.

    undefined (no scaling, effectively 1)
    scaleX?: number

    Horizontal scaling factor. Overrides the X component of scale if provided.

    undefined (no scaling, effectively 1)
    scaleY?: number

    Vertical scaling factor. Overrides the Y component of scale if provided.

    undefined (no scaling, effectively 1)
    translateX?: number | `${number}%`

    Horizontal translation (movement along the X-axis). Applied after positioning via layout.

    Pixels if it's number, percentage of the node's width if it's string (e.g., '10%').

    undefined (no translation)
    translateY?: number | `${number}%`

    Vertical translation (movement along the Y-axis). Applied after positioning via layout.

    Pixels if it's number, percentage of the node's height if it's string (e.g., '10%').

    undefined (no translation)

    Settings
    Member Visibility

    On This Page
    Properties