Skip to content

Documentation / @ripl/core / ContextPath

Class: ContextPath ​

Defined in: packages/core/src/context/path.ts:17

A virtual path element used to record drawing commands; subclassed by Canvas and SVG implementations.

Extended by ​

Implements ​

Constructors ​

Constructor ​

new ContextPath(id?): ContextPath

Defined in: packages/core/src/context/path.ts:21

Parameters ​

ParameterType
idstring

Returns ​

ContextPath

Properties ​

PropertyModifierTypeDefined in
idreadonlystringpackages/core/src/context/path.ts:19

Methods ​

addPath() ​

addPath(path): void

Defined in: packages/core/src/context/path.ts:76

Parameters ​

ParameterType
pathContextPath

Returns ​

void


arc() ​

arc(x, y, radius, startAngle, endAngle, counterclockwise?): void

Defined in: packages/core/src/context/path.ts:25

Parameters ​

ParameterType
xnumber
ynumber
radiusnumber
startAnglenumber
endAnglenumber
counterclockwise?boolean

Returns ​

void


arcTo() ​

arcTo(x1, y1, x2, y2, radius): void

Defined in: packages/core/src/context/path.ts:29

Parameters ​

ParameterType
x1number
y1number
x2number
y2number
radiusnumber

Returns ​

void


bezierCurveTo() ​

bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y): void

Defined in: packages/core/src/context/path.ts:37

Parameters ​

ParameterType
cp1xnumber
cp1ynumber
cp2xnumber
cp2ynumber
xnumber
ynumber

Returns ​

void


circle() ​

circle(x, y, radius): void

Defined in: packages/core/src/context/path.ts:33

Parameters ​

ParameterType
xnumber
ynumber
radiusnumber

Returns ​

void


closePath() ​

closePath(): void

Defined in: packages/core/src/context/path.ts:41

Returns ​

void


ellipse() ​

ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise?): void

Defined in: packages/core/src/context/path.ts:45

Parameters ​

ParameterType
xnumber
ynumber
radiusXnumber
radiusYnumber
rotationnumber
startAnglenumber
endAnglenumber
counterclockwise?boolean

Returns ​

void


lineTo() ​

lineTo(x, y): void

Defined in: packages/core/src/context/path.ts:49

Parameters ​

ParameterType
xnumber
ynumber

Returns ​

void


moveTo() ​

moveTo(x, y): void

Defined in: packages/core/src/context/path.ts:53

Parameters ​

ParameterType
xnumber
ynumber

Returns ​

void


polyline() ​

polyline(points): void

Defined in: packages/core/src/context/path.ts:69

Parameters ​

ParameterType
pointsPoint[]

Returns ​

void


quadraticCurveTo() ​

quadraticCurveTo(cpx, cpy, x, y): void

Defined in: packages/core/src/context/path.ts:57

Parameters ​

ParameterType
cpxnumber
cpynumber
xnumber
ynumber

Returns ​

void


rect() ​

rect(x, y, width, height): void

Defined in: packages/core/src/context/path.ts:61

Parameters ​

ParameterType
xnumber
ynumber
widthnumber
heightnumber

Returns ​

void


roundRect() ​

roundRect(x, y, width, height, radii?): void

Defined in: packages/core/src/context/path.ts:65

Parameters ​

ParameterType
xnumber
ynumber
widthnumber
heightnumber
radii?BorderRadius

Returns ​

void