utils

import {...} from "@motion-canvas/2d/lib/utils";

Functions

adjustRectRadius

public adjustRectRadiusradius: numberhorizontal: numbervertical: numberrect: BBox: number

Parameters

• radius: number
• horizontal: number
• vertical: number
• rect: BBox

---

arc

public arccontext: CanvasRenderingContext2DPath2Dcenter: Vector2radius: numberstartAngle: number = 0endAngle: number = ...counterclockwise: boolean = false: void

Parameters

• context: CanvasRenderingContext2DPath2D
• center: Vector2
• radius: number
• startAngle: number = 0
• endAngle: number = ...
• counterclockwise: boolean = false

---

arcTo

public arcTocontext: CanvasRenderingContext2DPath2Dthrough: Vector2position: Vector2radius: number: void

Parameters

• context: CanvasRenderingContext2DPath2D
• through: Vector2
• position: Vector2
• radius: number

---

bezierCurveTo

public bezierCurveTocontext: CanvasRenderingContext2DPath2DcontrolPoint1: Vector2controlPoint2: Vector2to: Vector2: void

Parameters

• context: CanvasRenderingContext2DPath2D
• controlPoint1: Vector2
• controlPoint2: Vector2
• to: Vector2

---

canvasStyleParser

public canvasStyleParserstyle: PossibleCanvasStyle: nullGradientPatternColor

Parameters

• style: PossibleCanvasStyle

---

drawImage

public drawImagecontext: CanvasRenderingContext2Dimage: CanvasImageSourcedestination: BBox: void

public drawImagecontext: CanvasRenderingContext2Dimage: CanvasImageSourcesource: BBoxdestination: BBox: void

Parameters

• context: CanvasRenderingContext2D
• image: CanvasImageSource
• destination: BBox

---

drawLine

public drawLinecontext: CanvasRenderingContext2DPath2Dpoints: Vector2[]: void

Parameters

• context: CanvasRenderingContext2DPath2D
• points: Vector2[]

---

drawPivot

public drawPivotcontext: CanvasRenderingContext2DPath2Doffset: Vector2radius: number = 8: void

Parameters

• context: CanvasRenderingContext2DPath2D
• offset: Vector2
• radius: number = 8

---

drawPolygon

public drawPolygonpath: CanvasRenderingContext2DPath2Drect: BBoxsides: number: void

Parameters

• path: CanvasRenderingContext2DPath2D
• rect: BBox
• sides: number

---

drawRect

public drawRectcontext: CanvasRenderingContext2DPath2Drect: BBox: void

Parameters

• context: CanvasRenderingContext2DPath2D
• rect: BBox

---

drawRoundRect

public drawRoundRectcontext: CanvasRenderingContext2DPath2Drect: BBoxradius: SpacingsmoothCorners: booleancornerSharpness: number: void

Parameters

• context: CanvasRenderingContext2DPath2D
• rect: BBox
• radius: Spacing
• smoothCorners: boolean
• cornerSharpness: number

---

fillRect

public fillRectcontext: CanvasRenderingContext2Drect: BBox: void

Parameters

• context: CanvasRenderingContext2D
• rect: BBox

---

is

public isTklass: (): object: any => object is T

Create a predicate that checks if the given object is an instance of the given class.

Type Parameters

• T

Parameters

• klass: ()

  The class to check against.

---

lineTo

public lineTocontext: CanvasRenderingContext2DPath2Dposition: Vector2: void

Parameters

• context: CanvasRenderingContext2DPath2D
• position: Vector2

---

moveTo

public moveTocontext: CanvasRenderingContext2DPath2Dposition: Vector2: void

Parameters

• context: CanvasRenderingContext2DPath2D
• position: Vector2

---

quadraticCurveTo

public quadraticCurveTocontext: CanvasRenderingContext2DPath2DcontrolPoint: Vector2to: Vector2: void

Parameters

• context: CanvasRenderingContext2DPath2D
• controlPoint: Vector2
• to: Vector2

---

resolveCanvasStyle

public resolveCanvasStylestyle: CanvasStylecontext: CanvasRenderingContext2D: stringCanvasGradientCanvasPattern

Parameters

• style: CanvasStyle
• context: CanvasRenderingContext2D

---

strokeRect

public strokeRectcontext: CanvasRenderingContext2Drect: BBox: void

Parameters

• context: CanvasRenderingContext2D
• rect: BBox

---

withDefaults

public withDefaultsT extends FunctionComponentanyNodeConstructoranyNodecomponent: Tdefaults: PropsOfT: props: PropsOfT => Node

Create a higher order component with default props.

Examples

Type Parameters

• T extends FunctionComponentanyNodeConstructoranyNode

Parameters

• component: T

  The base class or function component to wrap.

• defaults: PropsOfT

  The default props to apply.