Class Canvas`Abstract`

Hierarchy

Canvas

Index

Constructors

constructor

Properties

colorMode dirtyRects height width

Constructors

constructor

new Canvas(): Canvas
Returns Canvas

Properties

`Readonly` colorMode

colorMode: ColorMode

dirtyRects

dirtyRects: null | Rect[]

`Readonly` height

height: number

`Readonly` width

width: number

Methods

arc

arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, ccw?: boolean): Canvas
添加弧形路径
Parameters
- x: number
  
  圆心 x
- y: number
  
  圆心 y
- radius: number
  
  半径
- startAngle: number
  
  起始角度(以弧度计)
- endAngle: number
  
  结束角度(以弧度计)
- Optional ccw: boolean
  
  是否逆时针?
Returns Canvas

backgroundColor

backgroundColor(): Color
返回当前背景色

Returns Color
backgroundColor(val: ColorValue): Canvas
设置背景色
Parameters
- val: ColorValue
Returns Canvas

beginPath

beginPath(): Canvas
Returns Canvas

clearDirtyRects

clearDirtyRects(): Canvas
Returns Canvas

clearRect

clearRect(x: number, y: number, width: number, height: number): Canvas
Parameters
- x: number
- y: number
- width: number
- height: number
Returns Canvas
clearRect(rect: Rect): Canvas
Parameters
- rect: Rect
Returns Canvas

closePath

closePath(): Canvas
Returns Canvas

drawImage

drawImage(source: Image, destX: number, destY: number): Canvas
Parameters
- source: Image
- destX: number
- destY: number
Returns Canvas
drawImage(source: Image, srcX: number, srcY: number, srcWidth: number, srcHeight: number, destX: number, destY: number): Canvas
Parameters
- source: Image
- srcX: number
- srcY: number
- srcWidth: number
- srcHeight: number
- destX: number
- destY: number
Returns Canvas

drawMonoText

drawMonoText(text: string, options?: {
    align?: AlignType;
    color?: ColorValue;
    height?: number;
    valign?: VerticalAlignType;
    width?: number;
    x?: number;
    y?: number;
}): Canvas
Parameters
- text: string
- Optional options: {
      align?: AlignType;
      color?: ColorValue;
      height?: number;
      valign?: VerticalAlignType;
      width?: number;
      x?: number;
      y?: number;
  }
  - Optional align?: AlignType
  - Optional color?: ColorValue
  - Optional height?: number
  - Optional valign?: VerticalAlignType
  - Optional width?: number
  - Optional x?: number
  - Optional y?: number
Returns Canvas

drawPixel

drawPixel(x: number, y: number, color: ColorValue): Canvas
Parameters
- x: number
- y: number
- color: ColorValue
Returns Canvas

drawText

drawText(text: string, options: {
    align?: AlignType;
    backgroundColor?: ColorValue;
    color?: ColorValue;
    verticalPosition?: "baseline" | "top" | "bottom" | "center";
    x: number;
    y: number;
}): null | Rect
Parameters
- text: string
- options: {
      align?: AlignType;
      backgroundColor?: ColorValue;
      color?: ColorValue;
      verticalPosition?: "baseline" | "top" | "bottom" | "center";
      x: number;
      y: number;
  }
  - Optional align?: AlignType
  - Optional backgroundColor?: ColorValue
  - Optional color?: ColorValue
  - Optional verticalPosition?: "baseline" | "top" | "bottom" | "center"
  - x: number
  - y: number
Returns null | Rect

fill

fill(): Canvas
Returns Canvas

fillColor

fillColor(): Color
返回当前填充色

Returns Color
fillColor(val: ColorValue): Canvas
设置填充色
Parameters
- val: ColorValue
Returns Canvas

fillRect

fillRect(x: number, y: number, width: number, height: number): Canvas
Parameters
- x: number
- y: number
- width: number
- height: number
Returns Canvas
fillRect(rect: Rect): Canvas
Parameters
- rect: Rect
Returns Canvas

finish

finish(): void
Returns void

font

font(fontName: string): Canvas
设置当前字体
Parameters
- fontName: string
  
  字体名称
Returns Canvas
font(): string
返回当前使用的字体名

Returns string

invalidate

invalidate(x: number, y: number, width: number, height: number): Canvas
标记发生更新的区域
Parameters
- x: number
- y: number
- width: number
- height: number
Returns Canvas

lineTo

lineTo(x: number, y: number): Canvas
Parameters
- x: number
- y: number
Returns Canvas

lineWidth

lineWidth(width: number): Canvas
Parameters
- width: number
Returns Canvas

monoFont

monoFont(): string
返回当前使用的等宽字体名

Returns string
monoFont(name: string): Canvas
设置等宽点阵字体(iso-8859-1)。
Parameters
- name: string
Returns Canvas

moveTo

moveTo(x: number, y: number): Canvas
Parameters
- x: number
- y: number
Returns Canvas

orientation

orientation(angle: 0 | 90 | 180 | 270): Canvas
Parameters
- angle: 0 | 90 | 180 | 270
Returns Canvas

rect

rect(x: number, y: number, width: number, height: number): Canvas
Parameters
- x: number
- y: number
- width: number
- height: number
Returns Canvas
rect(rect: Rect): Canvas
Parameters
- rect: Rect
Returns Canvas

restore

restore(): Canvas
Returns Canvas

save

save(): Canvas
Returns Canvas

stroke

stroke(): Canvas
Returns Canvas

strokeColor

strokeColor(): Color
返回当前画笔色

Returns Color
strokeColor(val: ColorValue): Canvas
设置画笔色
Parameters
- val: ColorValue
Returns Canvas

strokeRect

strokeRect(x: number, y: number, width: number, height: number): Canvas
Parameters
- x: number
- y: number
- width: number
- height: number
Returns Canvas
strokeRect(rect: Rect): Canvas
Parameters
- rect: Rect
Returns Canvas

Class CanvasAbstract

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Returns Canvas

Properties

Readonly colorMode

dirtyRects

Readonly height

Readonly width

Methods

arc

Parameters

x: number

y: number

radius: number

startAngle: number

endAngle: number

Optional ccw: boolean

Returns Canvas

backgroundColor

Returns Color

Parameters

val: ColorValue

Returns Canvas

beginPath

Returns Canvas

clearDirtyRects

Returns Canvas

clearRect

Parameters

x: number

y: number

width: number

height: number

Returns Canvas

Parameters

rect: Rect

Returns Canvas

closePath

Returns Canvas

drawImage

Parameters

source: Image

destX: number

destY: number

Returns Canvas

Parameters

source: Image

srcX: number

srcY: number

srcWidth: number

srcHeight: number

destX: number

destY: number

Returns Canvas

drawMonoText

Parameters

text: string

Optional options: { align?: AlignType; color?: ColorValue; height?: number; valign?: VerticalAlignType; width?: number; x?: number; y?: number; }

Optional align?: AlignType

Optional color?: ColorValue

Optional height?: number

Optional valign?: VerticalAlignType

Optional width?: number

Optional x?: number

Optional y?: number

Returns Canvas

drawPixel

Parameters

x: number

y: number

color: ColorValue

Returns Canvas

drawText

Parameters

Class Canvas`Abstract`

`Readonly` colorMode

`Readonly` height

`Readonly` width

`Optional` ccw: boolean

`Optional` options: {
align?: AlignType;
color?: ColorValue;
height?: number;
valign?: VerticalAlignType;
width?: number;
x?: number;
y?: number;
}

`Optional` align?: AlignType

`Optional` color?: ColorValue

`Optional` height?: number

`Optional` valign?: VerticalAlignType

`Optional` width?: number

`Optional` x?: number

`Optional` y?: number

options: {
align?: AlignType;
backgroundColor?: ColorValue;
color?: ColorValue;
verticalPosition?: "baseline" | "top" | "bottom" | "center";
x: number;
y: number;
}

`Optional` align?: AlignType

`Optional` backgroundColor?: ColorValue

`Optional` color?: ColorValue

`Optional` verticalPosition?: "baseline" | "top" | "bottom" | "center"