@ralphschuler.webgl shader factory.<internal>.Path2D

Interface: Path2D

@ralphschuler/webgl-shader-factory.<internal>.Path2D

This Canvas 2D API interface is used to declare 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.

MDN Reference

Hierarchy

• CanvasPath

  ↳ Path2D

Table of contents

Methods

• addPath
• arc
• arcTo
• bezierCurveTo
• closePath
• ellipse
• lineTo
• moveTo
• quadraticCurveTo
• rect
• roundRect

Methods

addPath

▸ addPath(path, transform?): void

Adds to the path the path given by the argument.

MDN Reference

Parameters

Name	Type
path	Path2D
transform?	DOMMatrix2DInit

Returns

void

Defined in

node_modules/typescript/lib/lib.dom.d.ts:16841

---

arc

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

MDN Reference

Parameters

Name	Type
x	number
y	number
radius	number
startAngle	number
endAngle	number
counterclockwise?	boolean

Returns

void

Inherited from

CanvasPath.arc

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5388

---

arcTo

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

MDN Reference

Parameters

Name	Type
x1	number
y1	number
x2	number
y2	number
radius	number

Returns

void

Inherited from

CanvasPath.arcTo

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5390

---

bezierCurveTo

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

MDN Reference

Parameters

Name	Type
cp1x	number
cp1y	number
cp2x	number
cp2y	number
x	number
y	number

Returns

void

Inherited from

CanvasPath.bezierCurveTo

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5392

---

closePath

▸ closePath(): void

MDN Reference

Returns

void

Inherited from

CanvasPath.closePath

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5394

---

ellipse

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

MDN Reference

Parameters

Name	Type
x	number
y	number
radiusX	number
radiusY	number
rotation	number
startAngle	number
endAngle	number
counterclockwise?	boolean

Returns

void

Inherited from

CanvasPath.ellipse

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5396

---

lineTo

▸ lineTo(x, y): void

MDN Reference

Parameters

Name	Type
x	number
y	number

Returns

void

Inherited from

CanvasPath.lineTo

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5398

---

moveTo

▸ moveTo(x, y): void

MDN Reference

Parameters

Name	Type
x	number
y	number

Returns

void

Inherited from

CanvasPath.moveTo

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5400

---

quadraticCurveTo

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

MDN Reference

Parameters

Name	Type
cpx	number
cpy	number
x	number
y	number

Returns

void

Inherited from

CanvasPath.quadraticCurveTo

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5402

---

rect

▸ rect(x, y, w, h): void

MDN Reference

Parameters

Name	Type
x	number
y	number
w	number
h	number

Returns

void

Inherited from

CanvasPath.rect

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5404

---

roundRect

▸ roundRect(x, y, w, h, radii?): void

MDN Reference

Parameters

Name	Type
x	number
y	number
w	number
h	number
radii?	number | DOMPointInit | (number | DOMPointInit)[]

Returns

void

Inherited from

CanvasPath.roundRect

Defined in

node_modules/typescript/lib/lib.dom.d.ts:5406