Class Path2D

Declares a path that can then be used on a CanvasRenderingContext2D object. The path methods of the CanvasRenderingContext2D interface are also present on this interface, which gives you the convenience of being able to retain and replay your path whenever desired.

See

https://developer.mozilla.org/docs/Web/API/Path2D

Implements

Path2D

Index

Constructors

Methods

addPath arc arcTo bezierCurveTo closePath ellipse lineTo moveTo quadraticCurveTo rect roundRect

Constructors

constructor

new Path2D(path?): Path2D
Parameters
- Optional path: string | Path2D
Returns Path2D
- Defined in packages/runtime/src/canvas/path2d.ts:212

Methods

addPath

addPath(path): void
Parameters
- path: Path2D
Returns void
Implementation of globalThis.Path2D.addPath
- Defined in packages/runtime/src/canvas/path2d.ts:222

arc

arc(x, y, r, start, end, ccw): void
Parameters
- x: number
- y: number
- r: number
- start: number
- end: number
- ccw: boolean
Returns void
Implementation of globalThis.Path2D.arc
- Defined in packages/runtime/src/canvas/path2d.ts:236

arcTo

arcTo(x1, y1, x2, y2, r): void
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- r: number
Returns void
Implementation of globalThis.Path2D.arcTo
- Defined in packages/runtime/src/canvas/path2d.ts:247

bezierCurveTo

bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y): void
Parameters
- cp1x: number
- cp1y: number
- cp2x: number
- cp2y: number
- x: number
- y: number
Returns void
Implementation of globalThis.Path2D.bezierCurveTo
- Defined in packages/runtime/src/canvas/path2d.ts:268

closePath

closePath(): void
Returns void
Implementation of globalThis.Path2D.closePath
- Defined in packages/runtime/src/canvas/path2d.ts:264

ellipse

ellipse(x, y, rx, ry, angle, start, end, ccw): void
Parameters
- x: number
- y: number
- rx: number
- ry: number
- angle: number
- start: number
- end: number
- ccw: boolean
Returns void
Implementation of globalThis.Path2D.ellipse
- Defined in packages/runtime/src/canvas/path2d.ts:251

lineTo

lineTo(x, y): void
Parameters
- x: number
- y: number
Returns void
Implementation of globalThis.Path2D.lineTo
- Defined in packages/runtime/src/canvas/path2d.ts:232

moveTo

moveTo(x, y): void
Parameters
- x: number
- y: number
Returns void
Implementation of globalThis.Path2D.moveTo
- Defined in packages/runtime/src/canvas/path2d.ts:228

quadraticCurveTo

quadraticCurveTo(cpx, cpy, x, y): void
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void
Implementation of globalThis.Path2D.quadraticCurveTo
- Defined in packages/runtime/src/canvas/path2d.ts:279

rect

rect(x, y, width, height): void
Parameters
- x: number
- y: number
- width: number
- height: number
Returns void
Implementation of globalThis.Path2D.rect
- Defined in packages/runtime/src/canvas/path2d.ts:283

roundRect

roundRect(x, y, width, height, radii?): void
Parameters
- x: number
- y: number
- width: number
- height: number
- Optional radii: number | number[]
Returns void
Implementation of globalThis.Path2D.roundRect
- Defined in packages/runtime/src/canvas/path2d.ts:287