Class PathData

A JS Class representing the HTML-Path D attribute

Hierarchy

PathData

Index

Constructors

constructor

Properties

_inner

Methods

Constructors

constructor

new PathData(): PathData

- Defined in helpers/PathData.ts:5
Returns PathData

Properties

Private _inner

_inner: string

Methods

arcRelativeTo

arcRelativeTo(x: number, y: number, rx: number, ry: number, xAxisRotation: number, largeArcFlag: boolean, sweepFlag: boolean): this

- Defined in helpers/PathData.ts:246
Appends an arc to a certain point relative to where the last action ended to the PathData

Note / Arguments

For further information: Look here

Parameters
- x: number
- y: number
- rx: number
- ry: number
- xAxisRotation: number
- largeArcFlag: boolean
- sweepFlag: boolean
Returns this

arcTo

arcTo(x: number, y: number, rx: number, ry: number, xAxisRotation: number, largeArcFlag: boolean, sweepFlag: boolean): this

- Defined in helpers/PathData.ts:225
Appends an arc to a certain point to the PathData

Note / Arguments

For further information: Look here

Parameters
- x: number
- y: number
- rx: number
- ry: number
- xAxisRotation: number
- largeArcFlag: boolean
- sweepFlag: boolean
Returns this

closePath

closePath(): this

- Defined in helpers/PathData.ts:267
Closes a PathData

Note / Arguments

For further information: Look here

Returns this

curveRelativeTo

curveRelativeTo(endX: number, endY: number, control1X: number, control1Y: number, control2X: number, control2Y: number): this

- Defined in helpers/PathData.ts:112
Appends a curve to a certain point relative to where the last action ended to the PathData, using control point 1 & 2

Note / Arguments

For further information: Look here

Parameters
- endX: number
- endY: number
- control1X: number
- control1Y: number
- control2X: number
- control2Y: number
Returns this

curveTo

curveTo(endX: number, endY: number, control1X: number, control1Y: number, control2X: number, control2Y: number): this

- Defined in helpers/PathData.ts:94
Appends a curve to a certain point to the PathData, using control point 1 & 2

Note / Arguments

For further information: Look here

Parameters
- endX: number
- endY: number
- control1X: number
- control1Y: number
- control2X: number
- control2Y: number
Returns this

horizontalLineRelativeTo

horizontalLineRelativeTo(x: number): this

- Defined in helpers/PathData.ts:72
Appends a horizontal line to a certain x-value relative to where the last action ended to the PathData

Note / Arguments

For further information: Look here

Parameters
- x: number
Returns this

horizontalLineTo

horizontalLineTo(x: number): this

- Defined in helpers/PathData.ts:39
Appends a horizontal line to a certain x-value to the PathData

Note / Arguments

For further information: Look here

Parameters
- x: number
Returns this

lineRelativeTo

lineRelativeTo(x: number, y: number): this

- Defined in helpers/PathData.ts:61
Appends a line to a certain point relative to where the last action ended to the PathData

Note / Arguments

For further information: Look here

Parameters
- x: number
- y: number
Returns this

lineTo

lineTo(x: number, y: number): this

- Defined in helpers/PathData.ts:28
Appends a line to a certain point to the PathData

Note / Arguments

For further information: Look here

Parameters
- x: number
- y: number
Returns this

moveTo

moveTo(x: number, y: number): this

- Defined in helpers/PathData.ts:17
Appends a move to a certain point to the PathData

Note / Arguments

For further information: Look here

Parameters
- x: number
- y: number
Returns this

quadraticCurveRelativeTo

quadraticCurveRelativeTo(endX: number, endY: number, controlX: number, controlY: number): this

- Defined in helpers/PathData.ts:183
Appends a quadratic curve to a certain point relative to where the last action ended to the PathData, using control point 1

Note / Arguments

For further information: Look here

Parameters
- endX: number
- endY: number
- controlX: number
- controlY: number
Returns this

quadraticCurveTo

quadraticCurveTo(endX: number, endY: number, controlX: number, controlY: number): this

- Defined in helpers/PathData.ts:166
Appends a quadratic curve to a certain point to the PathData, using control point 1

Note / Arguments

For further information: Look here

Parameters
- endX: number
- endY: number
- controlX: number
- controlY: number
Returns this

quadraticStringRelativeTo

quadraticStringRelativeTo(x: number, y: number): this

- Defined in helpers/PathData.ts:214
Appends a quadratic curve (following a quadratic curve) to a certain point relative to where the last action ended to the PathData, smoothing out the curve using the previous quadratic curve

Note / Arguments

For further information: Look here

Parameters
- x: number
- y: number
Returns this

quadraticStringTo

quadraticStringTo(x: number, y: number): this

- Defined in helpers/PathData.ts:201
Appends a quadratic curve (following a quadratic curve) to a certain point to the PathData, smoothing out the curve using the previous quadratic curve

Note / Arguments

For further information: Look here

Parameters
- x: number
- y: number
Returns this

smoothCurveRelativeTo

smoothCurveRelativeTo(endX: number, endY: number, controlX: number, controlY: number): this

- Defined in helpers/PathData.ts:149
Appends a smooth curve (following a normal curve) to a certain point relative to where the last action ended to the PathData, using control point 2

Note / Arguments

For further information: Look here

Parameters
- endX: number
- endY: number
- controlX: number
- controlY: number
Returns this

smoothCurveTo

smoothCurveTo(endX: number, endY: number, control1X: number, control1Y: number, control2X: number, control2Y: number): this

- Defined in helpers/PathData.ts:130
Appends a smooth curve (following a normal curve) to a certain point to the PathData, using control point 2

Note / Arguments

For further information: Look here

Parameters
- endX: number
- endY: number
- control1X: number
- control1Y: number
- control2X: number
- control2Y: number
Returns this

toString

toString(): string

- Defined in helpers/PathData.ts:272
Returns string

verticalLineRelativeTo

verticalLineRelativeTo(y: number): this

- Defined in helpers/PathData.ts:83
Appends a vertical line to a certain y-value relative to where the last action ended to the PathData

Note / Arguments

For further information: Look here

Parameters
- y: number
Returns this

verticalLineTo

verticalLineTo(y: number): this

- Defined in helpers/PathData.ts:50
Appends a vertical line to a certain y-value to the PathData

Note / Arguments

For further information: Look here

Parameters
- y: number
Returns this

Generated using TypeDoc