interface CanvasPath { arc( x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean, ): void; arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void; bezierCurveTo( cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number, ): void; closePath(): void; ellipse( x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean, ): void; lineTo(x: number, y: number): void; moveTo(x: number, y: number): void; quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void; rect(x: number, y: number, w: number, h: number): void; roundRect( x: number, y: number, w: number, h: number, radii?: number | DOMPointInit | (
number | DOMPointInit)
[], ): void;} Methods
arc
arc( x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean,): void Parameters
- x: number
- y: number
- radius: number
- startAngle: number
- endAngle: number
Optional
counterclockwise: boolean
Returns void
arcTo
arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- radius: number
Returns void
bezierCurveTo
bezierCurveTo( cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number,): void Parameters
- cp1x: number
- cp1y: number
- cp2x: number
- cp2y: number
- x: number
- y: number
Returns void
closePath
Returns void
ellipse
ellipse( x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean,): void Parameters
- x: number
- y: number
- radiusX: number
- radiusY: number
- rotation: number
- startAngle: number
- endAngle: number
Optional
counterclockwise: boolean
Returns void
lineTo
lineTo(x: number, y: number): void Returns void
moveTo
moveTo(x: number, y: number): void Returns void
quadraticCurveTo
quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void
rect
rect(x: number, y: number, w: number, h: number): void Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
roundRect
roundRect( x: number, y: number, w: number, h: number, radii?: number | DOMPointInit | (
number | DOMPointInit)
[],): void Returns void
MDN Reference