Skip to content

Documentation / @finchart/core / Canvas2DContext

Interface: Canvas2DContext

Defined in: packages/core/src/render/types.ts:84

CanvasRenderer가 실제로 쓰는 2D context. 진짜 CanvasRenderingContext2D가 그대로 대입되고(타입 테스트가 지킨다), 테스트에서는 이 형태만 만족하는 가짜를 넘길 수 있다. 전역 DOM 타입을 참조하지 않고 형태를 직접 적는 이유: headless 소비자(서버·worker)는 tsconfig lib에 DOM이 없어도 이 계약이 성립해야 한다.

Properties

fillStyle

fillStyle: string | CanvasGradientLike | CanvasPatternLike

Defined in: packages/core/src/render/types.ts:119


font

font: string

Defined in: packages/core/src/render/types.ts:124


lineWidth

lineWidth: number

Defined in: packages/core/src/render/types.ts:117


strokeStyle

strokeStyle: string | CanvasGradientLike | CanvasPatternLike

Defined in: packages/core/src/render/types.ts:118


textAlign

textAlign: "start" | "end" | "left" | "center" | "right"

Defined in: packages/core/src/render/types.ts:125


textBaseline

textBaseline: "top" | "middle" | "bottom" | "alphabetic" | "hanging" | "ideographic"

Defined in: packages/core/src/render/types.ts:126

Methods

arc()

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

Defined in: packages/core/src/render/types.ts:90

Parameters

x

number

y

number

radius

number

startAngle

number

endAngle

number

counterclockwise?

boolean

Returns

void


beginPath()

beginPath(): void

Defined in: packages/core/src/render/types.ts:86

Returns

void


clearRect()

clearRect(x, y, w, h): void

Defined in: packages/core/src/render/types.ts:85

Parameters

x

number

y

number

w

number

h

number

Returns

void


clip()

clip(): void

Defined in: packages/core/src/render/types.ts:138

Returns

void


closePath()

closePath(): void

Defined in: packages/core/src/render/types.ts:87

Returns

void


createLinearGradient()

createLinearGradient(x0, y0, x1, y1): CanvasGradientLike

Defined in: packages/core/src/render/types.ts:102

진짜 context의 반환형(CanvasGradient)이 이 형태를 만족한다.

Parameters

x0

number

y0

number

x1

number

y1

number

Returns

CanvasGradientLike


fill()

fill(): void

Defined in: packages/core/src/render/types.ts:99

Returns

void


fillRect()

fillRect(x, y, w, h): void

Defined in: packages/core/src/render/types.ts:100

Parameters

x

number

y

number

w

number

h

number

Returns

void


fillText()

fillText(text, x, y, maxWidth?): void

Defined in: packages/core/src/render/types.ts:122

Parameters

text

string

x

number

y

number

maxWidth?

number

Returns

void


lineTo()

lineTo(x, y): void

Defined in: packages/core/src/render/types.ts:89

Parameters

x

number

y

number

Returns

void


measureText()

measureText(text): TextMetricsLike

Defined in: packages/core/src/render/types.ts:123

Parameters

text

string

Returns

TextMetricsLike


moveTo()

moveTo(x, y): void

Defined in: packages/core/src/render/types.ts:88

Parameters

x

number

y

number

Returns

void


rect()

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

Defined in: packages/core/src/render/types.ts:137

Parameters

x

number

y

number

w

number

h

number

Returns

void


restore()

restore(): void

Defined in: packages/core/src/render/types.ts:136

Returns

void


save()

save(): void

Defined in: packages/core/src/render/types.ts:135

Returns

void


setLineDash()

setLineDash(segments): void

Defined in: packages/core/src/render/types.ts:108

Parameters

segments

number[]

Returns

void


setTransform()

setTransform(a, b, c, d, e, f): void

Defined in: packages/core/src/render/types.ts:109

Parameters

a

number

b

number

c

number

d

number

e

number

f

number

Returns

void


stroke()

stroke(): void

Defined in: packages/core/src/render/types.ts:98

Returns

void