Class LayeredCanvas

レイヤークラス

Index

Constructors

Properties

canvas ctx hash history index locked name used uuid

Accessors

data meta next opacity prev visible

Methods

clear delete draw drawDot drawLine erase eraseDot modified redo swap trace undo

Constructors

constructor

new LayeredCanvas(name?: string, uuid?: string): LayeredCanvas
Parameters
- name: string = ""
- uuid: string = ""
Returns LayeredCanvas
- Defined in layered-canvas.ts:245

Properties

canvas

canvas: HTMLCanvasElement

ctx

ctx: CanvasRenderingContext2D

hash

hash: number = 0

差分検出用ハッシュ

history

history: LinkedList<Uint8ClampedArray<ArrayBufferLike>> = ...

レイヤーの描画履歴

index

index: number

内部レイヤーリストの添え字

locked

locked: boolean = false

レイヤーロック

name

name: string

レイヤー名

used

used: boolean = false

使用済みレイヤー

uuid

uuid: string

レイヤーの一意なid

Accessors

data

get data(): Uint8ClampedArray<ArrayBufferLike>
レイヤーのUint8ClampedArray

Returns Uint8ClampedArray<ArrayBufferLike>
- Defined in layered-canvas.ts:349
set data(data: Uint8ClampedArray): void
レイヤーのUint8ClampedArray
Parameters
- data: Uint8ClampedArray
Returns void
- Defined in layered-canvas.ts:355

meta

get meta(): LayeredCanvasMeta
ストレージなどに一時保存可能なレイヤー情報

Returns LayeredCanvasMeta
- Defined in layered-canvas.ts:267
set meta(meta: LayeredCanvasMeta): void
ストレージなどに一時保存可能なレイヤー情報
Parameters
- meta: LayeredCanvasMeta
Returns void
- Defined in layered-canvas.ts:274

next

get next(): null | LayeredCanvas
1つ前面のレイヤー

Returns null | LayeredCanvas
- Defined in layered-canvas.ts:301

opacity

get opacity(): number
レイヤーの不透明度[%]

Returns number
- Defined in layered-canvas.ts:336
set opacity(opacity: number): void
レイヤーの不透明度[%]
Parameters
- opacity: number
Returns void
- Defined in layered-canvas.ts:342

prev

get prev(): null | LayeredCanvas
1つ背面のレイヤー

Returns null | LayeredCanvas
- Defined in layered-canvas.ts:294

visible

get visible(): boolean
レイヤーの可視性

Returns boolean
- Defined in layered-canvas.ts:323
set visible(visible: boolean): void
レイヤーの可視性
Parameters
- visible: boolean
Returns void
- Defined in layered-canvas.ts:329

Methods

clear

clear(): void
全消し

Returns void
- Defined in layered-canvas.ts:398

delete

delete(): void
レイヤーの削除

Returns void
- Defined in layered-canvas.ts:287

draw

draw(x: number, y: number): void
ペン
Parameters
- x: number
- y: number
Returns void
- Defined in layered-canvas.ts:437

drawDot

drawDot(x: number, y: number): void
ドットペン
Parameters
- x: number
- y: number
Returns void
- Defined in layered-canvas.ts:415

drawLine

drawLine(fromX: number, fromY: number, toX: number, toY: number): void
ブラシ
Parameters
- fromX: number
- fromY: number
- toX: number
- toY: number
Returns void
- Defined in layered-canvas.ts:447

erase

erase(x: number, y: number): void
消しゴム
Parameters
- x: number
- y: number
Returns void
- Defined in layered-canvas.ts:426

eraseDot

eraseDot(x: number, y: number): void
ドット消しゴム
Parameters
- x: number
- y: number
Returns void
- Defined in layered-canvas.ts:405

modified

modified(): boolean
差分検出

Returns boolean
- Defined in layered-canvas.ts:362

redo

redo(): void
レイヤーの描画履歴を1つ進める

Returns void
- Defined in layered-canvas.ts:389

swap

swap(to: number): void
レイヤーの入れ替え
Parameters
- to: number
Returns void
- Defined in layered-canvas.ts:308

trace

trace(): void
レイヤーの描画履歴の保存

Returns void
- Defined in layered-canvas.ts:374

undo

undo(): void
レイヤーの描画履歴を1つ戻す

Returns void
- Defined in layered-canvas.ts:380