Skip to content

CircleBrush

Defined in: src/brushes/CircleBrush.ts:12

demo

new CircleBrush(canvas): CircleBrush

Defined in: src/brushes/CircleBrush.ts:22

Canvas

CircleBrush

BaseBrush.constructor

canvas: Canvas

Defined in: src/brushes/BaseBrush.ts:73

add type

BaseBrush.canvas


color: string = 'rgb(0, 0, 0)'

Defined in: src/brushes/BaseBrush.ts:16

Color of a brush

BaseBrush.color


limitedToCanvasSize: boolean = false

Defined in: src/brushes/BaseBrush.ts:68

When true, the free drawing is limited to the whiteboard size. Default to false.

false

BaseBrush.limitedToCanvasSize


points: CircleBrushPoint[]

Defined in: src/brushes/CircleBrush.ts:20


shadow: null | Shadow = null

Defined in: src/brushes/BaseBrush.ts:32

Shadow object representing shadow of this shape. Backwards incompatibility note: This property replaces “shadowColor” (String), “shadowOffsetX” (Number), “shadowOffsetY” (Number) and “shadowBlur” (Number) since v1.2.12

BaseBrush.shadow


strokeDashArray: null | number[] = null

Defined in: src/brushes/BaseBrush.ts:60

Stroke Dash Array.

BaseBrush.strokeDashArray


strokeLineCap: CanvasLineCap = 'round'

Defined in: src/brushes/BaseBrush.ts:39

Line endings style of a brush (one of “butt”, “round”, “square”)

BaseBrush.strokeLineCap


strokeLineJoin: CanvasLineJoin = 'round'

Defined in: src/brushes/BaseBrush.ts:46

Corner style of a brush (one of “bevel”, “round”, “miter”)

BaseBrush.strokeLineJoin


strokeMiterLimit: number = 10

Defined in: src/brushes/BaseBrush.ts:53

Maximum miter length (used for strokeLineJoin = “miter”) of a brush’s

BaseBrush.strokeMiterLimit


width: number = 10

Defined in: src/brushes/CircleBrush.ts:18

Width of a brush

BaseBrush.width

addPoint(pointer): CircleBrushPoint

Defined in: src/brushes/CircleBrush.ts:128

Point

CircleBrushPoint

Just added pointer point


dot(ctx, point): void

Defined in: src/brushes/CircleBrush.ts:39

CanvasRenderingContext2D

CircleBrushPoint

void


drawDot(pointer): void

Defined in: src/brushes/CircleBrush.ts:31

Invoked inside on mouse down and mouse move

Point

void


onMouseDown(pointer): void

Defined in: src/brushes/CircleBrush.ts:50

Invoked on mouse down

Point

void

BaseBrush.onMouseDown


onMouseMove(pointer): void

Defined in: src/brushes/CircleBrush.ts:75

Invoked on mouse move

Point

void

BaseBrush.onMouseMove


onMouseUp(): void

Defined in: src/brushes/CircleBrush.ts:91

Invoked on mouse up

void

BaseBrush.onMouseUp