Interface CanvasPainter

Hierarchy

CanvasRenderingContext2D
- CanvasPainter

Index

Properties

`Readonly` canvas

canvas: HTMLCanvasElement

direction

direction: CanvasDirection

fillStyle

fillStyle: string | CanvasGradient | CanvasPattern

filter

filter: string

font

font: string

fontKerning

fontKerning: CanvasFontKerning

globalAlpha

globalAlpha: number

globalCompositeOperation

globalCompositeOperation: GlobalCompositeOperation

height

height: number

imageSmoothingEnabled

imageSmoothingEnabled: boolean

imageSmoothingQuality

imageSmoothingQuality: ImageSmoothingQuality

lineCap

lineCap: CanvasLineCap

lineDashOffset

lineDashOffset: number

lineJoin

lineJoin: CanvasLineJoin

lineWidth

lineWidth: number

miterLimit

miterLimit: number

shadowBlur

shadowBlur: number

shadowColor

shadowColor: string

shadowOffsetX

shadowOffsetX: number

shadowOffsetY

shadowOffsetY: number

strokeStyle

strokeStyle: string | CanvasGradient | CanvasPattern

textAlign

textAlign: CanvasTextAlign

textBaseline

textBaseline: CanvasTextBaseline

width

width: number

Methods

arc

arc(x, y, radius, startAngle, endAngle, counterclockwise?): void
Parameters
- x: number
- y: number
- radius: number
- startAngle: number
- endAngle: number
- Optional counterclockwise: boolean
Returns void
Inherited from CanvasRenderingContext2D.arc
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3614

arcTo

arcTo(x1, y1, x2, y2, radius): void
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- radius: number
Returns void
Inherited from CanvasRenderingContext2D.arcTo
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3615

beginPath

beginPath(): void
Returns void
Inherited from CanvasRenderingContext2D.beginPath
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3559

bezierCurveTo

bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y): void
Parameters
- cp1x: number
- cp1y: number
- cp2x: number
- cp2y: number
- x: number
- y: number
Returns void
Inherited from CanvasRenderingContext2D.bezierCurveTo
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3616

calcTextSize

calcTextSize(text, rounded): {
height: number;
width: number;
}
Parameters
- text: string
- rounded: boolean
Returns {
height: number;
width: number;
}
- height: number
- width: number
- Defined in src/canvas.ts:67

circle

circle(x, y, radius): void
Parameters
- x: number
- y: number
- radius: number
Returns void
- Defined in src/canvas.ts:69

clearRect

clearRect(x, y, w, h): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasRenderingContext2D.clearRect
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3648

clip

clip(fillRule?): void
Parameters
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasRenderingContext2D.clip
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3560
clip(path, fillRule?): void
Parameters
- path: Path2D
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasRenderingContext2D.clip
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3561

closePath

closePath(): void
Returns void
Inherited from CanvasRenderingContext2D.closePath
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3617

createConicGradient

createConicGradient(startAngle, x, y): CanvasGradient
Parameters
- startAngle: number
- x: number
- y: number
Returns CanvasGradient
Inherited from CanvasRenderingContext2D.createConicGradient
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3575

createImageData

createImageData(sw, sh, settings?): ImageData
Parameters
- sw: number
- sh: number
- Optional settings: ImageDataSettings
Returns ImageData
Inherited from CanvasRenderingContext2D.createImageData
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3601
createImageData(imagedata): ImageData
Parameters
- imagedata: ImageData
Returns ImageData
Inherited from CanvasRenderingContext2D.createImageData
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3602

createLinearGradient

createLinearGradient(x0, y0, x1, y1): CanvasGradient
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns CanvasGradient
Inherited from CanvasRenderingContext2D.createLinearGradient
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3576

createPattern

createPattern(image, repetition): CanvasPattern
Parameters
- image: CanvasImageSource
- repetition: string
Returns CanvasPattern
Inherited from CanvasRenderingContext2D.createPattern
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3577

createRadialGradient

createRadialGradient(x0, y0, r0, x1, y1, r1): CanvasGradient
Parameters
- x0: number
- y0: number
- r0: number
- x1: number
- y1: number
- r1: number
Returns CanvasGradient
Inherited from CanvasRenderingContext2D.createRadialGradient
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3578

drawFocusIfNeeded

drawFocusIfNeeded(element): void
Parameters
- element: Element
Returns void
Inherited from CanvasRenderingContext2D.drawFocusIfNeeded
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3702
drawFocusIfNeeded(path, element): void
Parameters
- path: Path2D
- element: Element
Returns void
Inherited from CanvasRenderingContext2D.drawFocusIfNeeded
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3703

drawImage

drawImage(image, dx, dy): void
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
Returns void
Inherited from CanvasRenderingContext2D.drawImage
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3553
drawImage(image, dx, dy, dw, dh): void
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
- dw: number
- dh: number
Returns void
Inherited from CanvasRenderingContext2D.drawImage
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3554
drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh): void
Parameters
- image: CanvasImageSource
- sx: number
- sy: number
- sw: number
- sh: number
- dx: number
- dy: number
- dw: number
- dh: number
Returns void
Inherited from CanvasRenderingContext2D.drawImage
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3555

ellipse

ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise?): void
Parameters
- x: number
- y: number
- radiusX: number
- radiusY: number
- rotation: number
- startAngle: number
- endAngle: number
- Optional counterclockwise: boolean
Returns void
Inherited from CanvasRenderingContext2D.ellipse
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3618

fill

fill(fillRule?): void
Parameters
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasRenderingContext2D.fill
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3562
fill(path, fillRule?): void
Parameters
- path: Path2D
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasRenderingContext2D.fill
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3563

fillRect

fillRect(x, y, w, h): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasRenderingContext2D.fillRect
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3649

fillText

fillText(text, x, y, maxWidth?): void
Parameters
- text: string
- x: number
- y: number
- Optional maxWidth: number
Returns void
Inherited from CanvasRenderingContext2D.fillText
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3677

getContextAttributes

getContextAttributes(): CanvasRenderingContext2DSettings
Returns CanvasRenderingContext2DSettings
Inherited from CanvasRenderingContext2D.getContextAttributes
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3656

getImageData

getImageData(sx, sy, sw, sh, settings?): ImageData
Parameters
- sx: number
- sy: number
- sw: number
- sh: number
- Optional settings: ImageDataSettings
Returns ImageData
Inherited from CanvasRenderingContext2D.getImageData
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3603

getLineDash

getLineDash(): number[]
Returns number[]
Inherited from CanvasRenderingContext2D.getLineDash
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3632

getTransform

getTransform(): DOMMatrix
Returns DOMMatrix
Inherited from CanvasRenderingContext2D.getTransform
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3691

isPointInPath

isPointInPath(x, y, fillRule?): boolean
Parameters
- x: number
- y: number
- Optional fillRule: CanvasFillRule
Returns boolean
Inherited from CanvasRenderingContext2D.isPointInPath
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3564
isPointInPath(path, x, y, fillRule?): boolean
Parameters
- path: Path2D
- x: number
- y: number
- Optional fillRule: CanvasFillRule
Returns boolean
Inherited from CanvasRenderingContext2D.isPointInPath
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3565

isPointInStroke

isPointInStroke(x, y): boolean
Parameters
- x: number
- y: number
Returns boolean
Inherited from CanvasRenderingContext2D.isPointInStroke
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3566
isPointInStroke(path, x, y): boolean
Parameters
- path: Path2D
- x: number
- y: number
Returns boolean
Inherited from CanvasRenderingContext2D.isPointInStroke
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3567

line

line(x1, y1, x2, y2, color, lineWidth): void
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- color: string
- lineWidth: number
Returns void
- Defined in src/canvas.ts:65

lineTo

lineTo(x, y): void
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasRenderingContext2D.lineTo
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3619

measureText

measureText(text): TextMetrics
Parameters
- text: string
Returns TextMetrics
Inherited from CanvasRenderingContext2D.measureText
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3678

moveTo

moveTo(x, y): void
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasRenderingContext2D.moveTo
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3620

putImageData

putImageData(imagedata, dx, dy): void
Parameters
- imagedata: ImageData
- dx: number
- dy: number
Returns void
Inherited from CanvasRenderingContext2D.putImageData
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3604
putImageData(imagedata, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight): void
Parameters
- imagedata: ImageData
- dx: number
- dy: number
- dirtyX: number
- dirtyY: number
- dirtyWidth: number
- dirtyHeight: number
Returns void
Inherited from CanvasRenderingContext2D.putImageData
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3605

quadraticCurveTo

quadraticCurveTo(cpx, cpy, x, y): void
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void
Inherited from CanvasRenderingContext2D.quadraticCurveTo
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3621

rect

rect(x, y, w, h): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasRenderingContext2D.rect
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3622

resetTransform

resetTransform(): void
Returns void
Inherited from CanvasRenderingContext2D.resetTransform
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3692

restore

restore(): void
Returns void
Inherited from CanvasRenderingContext2D.restore
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3672

rotate

rotate(angle): void
Parameters
- angle: number
Returns void
Inherited from CanvasRenderingContext2D.rotate
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3693

roundRect

roundRect(x, y, width, height, radius): void
Parameters
- x: number
- y: number
- width: number
- height: number
- radius: number
Returns void
Overrides CanvasRenderingContext2D.roundRect
- Defined in src/canvas.ts:66

save

save(): void
Returns void
Inherited from CanvasRenderingContext2D.save
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3673

scale

scale(x, y): void
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasRenderingContext2D.scale
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3694

setFontSize

setFontSize(fs): void
Parameters
- fs: number
Returns void
- Defined in src/canvas.ts:68

setLineDash

setLineDash(segments): void
Parameters
- segments: number[]
Returns void
Inherited from CanvasRenderingContext2D.setLineDash
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3633

setTransform

setTransform(a, b, c, d, e, f): void
Parameters
- a: number
- b: number
- c: number
- d: number
- e: number
- f: number
Returns void
Inherited from CanvasRenderingContext2D.setTransform
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3695
setTransform(transform?): void
Parameters
- Optional transform: DOMMatrix2DInit
Returns void
Inherited from CanvasRenderingContext2D.setTransform
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3696

smoothLine

smoothLine(points, path, move): void
Parameters
- points: any[]
- path: CanvasPath
- move: boolean
Returns void
- Defined in src/canvas.ts:63

smoothLineEx

smoothLineEx(_points, tension, numOfSeg, path, move?, close?): void
Parameters
- _points: any[]
- tension: number
- numOfSeg: number
- path: CanvasPath
- Optional move: boolean
- Optional close: boolean
Returns void
- Defined in src/canvas.ts:64

stroke

stroke(): void
Returns void
Inherited from CanvasRenderingContext2D.stroke
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3568
stroke(path): void
Parameters
- path: Path2D
Returns void
Inherited from CanvasRenderingContext2D.stroke
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3569

strokeRect

strokeRect(x, y, w, h): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasRenderingContext2D.strokeRect
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3650

strokeText

strokeText(text, x, y, maxWidth?): void
Parameters
- text: string
- x: number
- y: number
- Optional maxWidth: number
Returns void
Inherited from CanvasRenderingContext2D.strokeText
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3679

transform

transform(a, b, c, d, e, f): void
Parameters
- a: number
- b: number
- c: number
- d: number
- e: number
- f: number
Returns void
Inherited from CanvasRenderingContext2D.transform
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3697

translate

translate(x, y): void
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasRenderingContext2D.translate
- Defined in ../../../../Users/ecoch/AppData/Local/pnpm/global/5/.pnpm/typescript@5.0.4/node_modules/typescript/lib/lib.dom.d.ts:3698

Interface CanvasPainter

Hierarchy

Index

Properties

Methods

Properties

Readonly canvas

direction

fillStyle

filter

font

fontKerning

globalAlpha

globalCompositeOperation

height

imageSmoothingEnabled

imageSmoothingQuality

lineCap

lineDashOffset

lineJoin

lineWidth

miterLimit

shadowBlur

shadowColor

shadowOffsetX

shadowOffsetY

strokeStyle

textAlign

textBaseline

width

Methods

arc

Parameters

x: number

y: number

radius: number

startAngle: number

endAngle: number

Optional counterclockwise: boolean

Returns void

arcTo

Parameters

x1: number

y1: number

x2: number

y2: number

radius: number

Returns void

beginPath

Returns void

bezierCurveTo

Parameters

cp1x: number

cp1y: number

cp2x: number

cp2y: number

x: number

y: number

Returns void

calcTextSize

Parameters

text: string

rounded: boolean

Returns { height: number; width: number; }

height: number

width: number

circle

Parameters

x: number

y: number

radius: number

Returns void

clearRect

Parameters

x: number

y: number

w: number

h: number

Returns void

clip

`Readonly` canvas

`Optional` counterclockwise: boolean

Returns {
height: number;
width: number;
}

`Optional` fillRule: CanvasFillRule

`Optional` fillRule: CanvasFillRule

`Optional` settings: ImageDataSettings