Skip to main content

CubicBezierSegment

class CubicBezierSegment extends PolynomialSegment

A spline segment representing a cubic Bézier curve.

Constructors​

constructor​

public override new CubicBezierSegmentp0: Vector2p1: Vector2p2: Vector2p3: Vector2: CubicBezierSegment

Parameters

Overwrites PolynomialSegment.constructor

Properties​

p0​

readonly public p0: Vector2

p1​

readonly public p1: Vector2

p2​

readonly public p2: Vector2

p3​

readonly public p3: Vector2

Accessors​

arcLength​

public get arcLength(): number
Inherited from PolynomialSegment.arcLength

points​

public get override points(): Vector2[]
Overwrites PolynomialSegment.points

Methods​

draw​

public drawcontext: CanvasRenderingContext2DPath2Dstart: number = 0end: number = 1move: boolean = true: CurvePointCurvePoint

Parameters

Inherited from PolynomialSegment.draw

eval​

public evalt: number: CurvePoint

Evaluate the polynomial at the given t value.

Parameters

  • t: number

    The t value at which to evaluate the curve.

Inherited from PolynomialSegment.eval

getBBox​

public getBBox(): BBox
Inherited from PolynomialSegment.getBBox

getPoint​

public getPointdistance: number: CurvePoint

Parameters

Inherited from PolynomialSegment.getPoint

split​

public override splitt: number: PolynomialSegmentPolynomialSegment

Split the curve into two separate polynomials at the given t value. The two resulting curves form the same overall shape as the original curve.

Parameters

  • t: number

    The t value at which to split the curve.

Overwrites PolynomialSegment.split

tangent​

public tangentt: number: Vector2

Return the tangent of the point that sits at the provided t value on the curve.

Parameters

  • t: number

    The t value at which to evaluate the curve.

Inherited from PolynomialSegment.tangent

toSVGCommands​

public toSVGCommandsstart: number = 0end: number = 1move: boolean = true: string

Convert this segment to SVG path commands.

Parameters

  • start: number = 0

    Start distance along the segment (0 to arcLength)

  • end: number = 1

    End distance along the segment (0 to arcLength)

  • move: boolean = true

    Whether to include a moveTo command at the start

Inherited from PolynomialSegment.toSVGCommands

transformPoints​

public transformPointsmatrix: DOMMatrix: Vector2[]

Parameters

Inherited from PolynomialSegment.transformPoints