Skip to main content

types

import {...} from "@motion-canvas/core/lib/types";

Complex types used in animations.

Enumerations

Classes

Interfaces

Type Aliases

CanvasColorSpace

type CanvasColorSpace = 'srgb''display-p3'

CanvasOutputMimeType

type CanvasOutputMimeType = 'image/png''image/jpeg''image/webp'

Color

type Color = Color

Represents a color.

This is the same class as the one created by chroma.js. Check out their documentation for more information on how to use it.


ColorSignal

type ColorSignalT = SignalPossibleColorColorT

Type Parameters


PossibleBBox

type PossibleBBox = SerializedBBoxnumbernumbernumbernumberVector2undefined

PossibleColor

type PossibleColor = SerializedColornumberColora: numberb: numberg: numberr: number

PossibleMatrix2D

type PossibleMatrix2D = Matrix2DDOMMatrixnumbernumbernumbernumbernumbernumberPossibleVector2PossibleVector2PossibleVector2undefined

PossibleSpacing

type PossibleSpacing = SerializedSpacingnumbernumbernumbernumbernumbernumbernumbernumbernumbernumberundefined

PossibleVector2

type PossibleVector2T = number = SerializedVector2Theight: Twidth: TTTTundefined

Type Parameters

  • T = number

RectSignal

type RectSignalT = CompoundSignalPossibleBBoxBBox'x''y''width''height'T

Type Parameters


SerializedBBox

type SerializedBBox = height: numberwidth: numberx: numbery: number

SerializedColor

type SerializedColor = string

SerializedSpacing

type SerializedSpacing = bottom: numberleft: numberright: numbertop: number

SerializedVector2

type SerializedVector2T = number = x: Ty: T

Type Parameters

  • T = number

SimpleVector2Signal

type SimpleVector2SignalT = SignalPossibleVector2Vector2T

Type Parameters


SpacingSignal

type SpacingSignalT = CompoundSignalPossibleSpacingSpacing'top''right''bottom''left'T

Type Parameters


Vector2Signal

type Vector2SignalT = CompoundSignalPossibleVector2Vector2'x''y'T

Type Parameters

Variables

Color

Color: ColorStatic()

EPSILON

const EPSILON: 0.000001 = 0.000001

Functions

flipOrigin

public flipOriginorigin: Directionaxis?: Center: Direction
public flipOriginorigin: Originaxis?: Center: Origin

Parameters


isType

public isTypevalue: any: value is Type

Parameters


originToOffset

public originToOffsetorigin: DirectionOrigin: Vector2

Convert the given origin to a vector representing its offset.

Examples

Parameters


transformAngle

public transformAngleangle: numbermatrix: DOMMatrix: number

Parameters


transformScalar

public transformScalarscalar: numbermatrix: DOMMatrix: number

Parameters