Skip to content

CanvasBuilder

Popii


Popii / CanvasBuilder

Defined in: plugins/canvas.ts:81

Fluent canvas builder — wraps a 2D context with chainable drawing methods.

new CanvasBuilder(_canvas, _ctx): CanvasBuilder

Defined in: plugins/canvas.ts:82

any

any

CanvasBuilder

fill(color): CanvasBuilder

Defined in: plugins/canvas.ts:84

string

CanvasBuilder


rect(x, y, w, h, color, radius?): CanvasBuilder

Defined in: plugins/canvas.ts:90

number

number

number

number

string

number = 0

CanvasBuilder


outline(x, y, w, h, color, lineWidth?, radius?): CanvasBuilder

Defined in: plugins/canvas.ts:102

number

number

number

number

string

number = 2

number = 0

CanvasBuilder


text(str, x, y, opts?): CanvasBuilder

Defined in: plugins/canvas.ts:115

string

number

number

string

string

number

string

CanvasTextAlign

CanvasTextBaseline

number

{ color: string; blur: number; offsetX?: number; offsetY?: number; }

string

number

number

number

CanvasBuilder


textTruncated(str, x, y, maxWidth, opts?): this

Defined in: plugins/canvas.ts:146

Draws a string truncated with ”…” to fit within maxWidth. Returns the string actually drawn.

string

number

number

number

{ color?: string; font?: string; size?: number; weight?: string; align?: CanvasTextAlign; baseline?: CanvasTextBaseline; maxWidth?: number; shadow?: { color: string; blur: number; offsetX?: number; offsetY?: number; }; } | undefined

this


image(src, x, y, w, h, opts?): Promise<CanvasBuilder>

Defined in: plugins/canvas.ts:156

string | Buffer<ArrayBufferLike>

number

number

number

number

number

number

string

Promise<CanvasBuilder>


gradient(x, y, w, h, stops, direction?): CanvasBuilder

Defined in: plugins/canvas.ts:176

number

number

number

number

object[]

"h" | "v"

CanvasBuilder


circle(cx, cy, r, color): CanvasBuilder

Defined in: plugins/canvas.ts:186

number

number

number

string

CanvasBuilder


line(x1, y1, x2, y2, color, lineWidth?): CanvasBuilder

Defined in: plugins/canvas.ts:194

number

number

number

number

string

number = 2

CanvasBuilder


save(): CanvasBuilder

Defined in: plugins/canvas.ts:204

CanvasBuilder


restore(): CanvasBuilder

Defined in: plugins/canvas.ts:205

CanvasBuilder


raw(): any

Defined in: plugins/canvas.ts:208

Returns the raw CanvasRenderingContext2D for custom operations.

any


toBuffer(): Promise<Buffer<ArrayBufferLike>>

Defined in: plugins/canvas.ts:210

Promise<Buffer<ArrayBufferLike>>


toAttachment(name?): Promise<AttachmentBuilder>

Defined in: plugins/canvas.ts:214

string = "image.png"

Promise<AttachmentBuilder>