Interface Canvas

interface Canvas {
    canvas: HTMLCanvasElement;
    context: CanvasRenderingContext2D;
    domElement: HTMLCanvasElement;
    fillStyle: number;
    font: string;
    globalAlpha: number;
    globalCompositeOperation: string;
    height: number;
    imageSmoothingEnabled: boolean;
    lineCap: string;
    lineJoin: string;
    lineWidth: number;
    miterLimit: number;
    shadowBlur: number;
    shadowColor: string;
    shadowOffsetX: number;
    shadowOffsetY: number;
    strokeStyle: number;
    textAlign: string;
    textBaseLine: string;
    width: number;
    arc(
        x: number,
        y: number,
        startAngle: number,
        setAngle: number,
        anticlockwise: boolean,
    ): this;
    beginPath(): this;
    bezierCurveTo(
        cp1x: number,
        cp1y: number,
        cp2x: number,
        cp2y: number,
        x: number,
        y: number,
    ): this;
    circle(x: number, y: number, radius: number): this;
    clear(x?: number, y?: number, width?: number, height?: number): this;
    clearColor(
        fillStyle: string,
        x?: number,
        y?: number,
        width?: number,
        height?: number,
    ): this;
    clip(): this;
    closePath(): this;
    drawArrow(
        x0: number,
        y0: number,
        x1: number,
        y1: number,
        arrowRadius?: number,
    ): this;
    drawDashLine(
        x0: number,
        y0: number,
        x1: number,
        y1: number,
        pattern?: string | number,
    ): this;
    drawImage(
        image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
        dx: number,
        dy: number,
    ): this;
    drawImage(
        image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
        dx: number,
        dy: number,
        dw: number,
        dh: number,
    ): this;
    drawImage(
        image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
        sx: number,
        sy: number,
        sw: number,
        sh: number,
        dx: number,
        dy: number,
        dw: number,
        dh: number,
    ): this;
    drawLine(x0: number, y0: number, x1: number, y1: number): this;
    drawPoint(x: number, y: number): this;
    ellipse(x: number, y: number, w: number, h: number): this;
    fill(): this;
    fillArc(
        x: number,
        y: number,
        startAngle: number,
        setAngle: number,
        anticlockwise: boolean,
    ): this;
    fillCircle(x: number, y: number, radius: number): this;
    fillEllipse(x: number, y: number, w: number, h: number): this;
    fillHeart(x: number, y: number, radius: number, angle?: number): this;
    fillLines(...points: number[]): this;
    fillPolygon(x: number, y: number, size: number, offsetAngle?: number): this;
    fillRect(x: number, y: number, w: number, h: number): this;
    fillRoundRect(
        x: number,
        y: number,
        width: number,
        height: number,
        radius: number,
    ): this;
    fillStar(
        x?: number,
        y?: number,
        radius?: number,
        sides?: number,
        sideIndent?: number,
        offsetAngle?: number,
    ): this;
    fillText(text: string, x: number, y: number, maxWidth?: number): this;
    fitScreen(isEver?: boolean): void;
    heart(x: number, y: number, radius: number, angle?: number): this;
    line(x0: number, y0: number, x1: number, y1: number): this;
    lines(...points: number[]): this;
    lineTo(x: number, y: number): this;
    moveTo(x: number, y: number): this;
    pie(
        x: number,
        y: number,
        startAngle: number,
        setAngle: number,
        anticlockwise: boolean,
    ): this;
    polygon(x: number, y: number, size: number, offsetAngle?: number): this;
    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): this;
    rect(x: number, y: number, width: number, height: number): this;
    resetTransform(): this;
    restore(): this;
    rotate(rotation: number): this;
    roundRect(
        x: number,
        y: number,
        width: number,
        height: number,
        radius: number,
    ): this;
    save(): this;
    saveAsImage(mime_type?: string): this;
    scale(scaleX: number, scaleY: number): this;
    setSize(width: number, height: number): this;
    setSizeToScreen(): void;
    setTransform(
        m11: number,
        m12: number,
        m21: number,
        m22: number,
        dx: number,
        dy: number,
    ): this;
    star(
        x?: number,
        y?: number,
        radius?: number,
        sides?: number,
        sideIndent?: number,
        offsetAngle?: number,
    ): this;
    stroke(): this;
    strokeArc(
        x: number,
        y: number,
        startAngle: number,
        setAngle: number,
        anticlockwise: boolean,
    ): this;
    strokeCircle(x: number, y: number, radius: number): this;
    strokeEllipse(x: number, y: number, w: number, h: number): this;
    strokeHeart(x: number, y: number, radius: number, angle?: number): this;
    strokeLines(x0: number, y0: number, x1: number, y1: number): this;
    strokePolygon(
        x: number,
        y: number,
        size: number,
        offsetAngle?: number,
    ): this;
    strokeRect(x: number, y: number, w: number, h: number): this;
    strokeRoundRect(
        x: number,
        y: number,
        width: number,
        height: number,
        radius: number,
    ): this;
    strokeStar(
        x?: number,
        y?: number,
        radius?: number,
        sides?: number,
        sideIndent?: number,
        offsetAngle?: number,
    ): this;
    strokeText(text: string, x: number, y: number, maxWidth?: number): this;
    transformCenter(): this;
    translate(x: number, y: number): this;
}

Properties

canvas

canvas: HTMLCanvasElement

context

context: CanvasRenderingContext2D

domElement

domElement: HTMLCanvasElement

fillStyle

fillStyle: number

font

font: string

globalAlpha

globalAlpha: number

globalCompositeOperation

globalCompositeOperation: string

height

height: number

imageSmoothingEnabled

imageSmoothingEnabled: boolean

lineCap

lineCap: string

lineJoin

lineJoin: string

lineWidth

lineWidth: number

miterLimit

miterLimit: number

shadowBlur

shadowBlur: number

shadowColor

shadowColor: string

shadowOffsetX

shadowOffsetX: number

shadowOffsetY

shadowOffsetY: number

strokeStyle

strokeStyle: number

textAlign

textAlign: string

textBaseLine

textBaseLine: string

width

width: number

Methods

arc

arc(
    x: number,
    y: number,
    startAngle: number,
    setAngle: number,
    anticlockwise: boolean,
): this
Parameters
- x: number
- y: number
- startAngle: number
- setAngle: number
- anticlockwise: boolean
Returns this
- Defined in index.d.ts:1442

beginPath

beginPath(): this
Returns this
- Defined in index.d.ts:1416

bezierCurveTo

bezierCurveTo(
    cp1x: number,
    cp1y: number,
    cp2x: number,
    cp2y: number,
    x: number,
    y: number,
): this
Parameters
- cp1x: number
- cp1y: number
- cp2x: number
- cp2y: number
- x: number
- y: number
Returns this
- Defined in index.d.ts:1421

circle

circle(x: number, y: number, radius: number): this
Parameters
- x: number
- y: number
- radius: number
Returns this
- Defined in index.d.ts:1439

clear

clear(x?: number, y?: number, width?: number, height?: number): this
Parameters
- Optionalx: number
- Optionaly: number
- Optionalwidth: number
- Optionalheight: number
Returns this
- Defined in index.d.ts:1414

clearColor

clearColor(
    fillStyle: string,
    x?: number,
    y?: number,
    width?: number,
    height?: number,
): this
Parameters
- fillStyle: string
- Optionalx: number
- Optionaly: number
- Optionalwidth: number
- Optionalheight: number
Returns this
- Defined in index.d.ts:1415

clip

clip(): this
Returns this
- Defined in index.d.ts:1424

closePath

closePath(): this
Returns this
- Defined in index.d.ts:1417

drawArrow

drawArrow(
    x0: number,
    y0: number,
    x1: number,
    y1: number,
    arrowRadius?: number,
): this
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
- OptionalarrowRadius: number
Returns this
- Defined in index.d.ts:1429

drawDashLine

drawDashLine(
    x0: number,
    y0: number,
    x1: number,
    y1: number,
    pattern?: string | number,
): this
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
- Optionalpattern: string | number
Returns this
- Defined in index.d.ts:1428

drawImage

drawImage(
    image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
    dx: number,
    dy: number,
): this
Parameters
- image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement
- dx: number
- dy: number
Returns this
- Defined in index.d.ts:1460
drawImage(
    image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
    dx: number,
    dy: number,
    dw: number,
    dh: number,
): this
Parameters
- image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement
- dx: number
- dy: number
- dw: number
- dh: number
Returns this
- Defined in index.d.ts:1461
drawImage(
    image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
    sx: number,
    sy: number,
    sw: number,
    sh: number,
    dx: number,
    dy: number,
    dw: number,
    dh: number,
): this
Parameters
- image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement
- sx: number
- sy: number
- sw: number
- sh: number
- dx: number
- dy: number
- dw: number
- dh: number
Returns this
- Defined in index.d.ts:1462

drawLine

drawLine(x0: number, y0: number, x1: number, y1: number): this
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns this
- Defined in index.d.ts:1427

drawPoint

drawPoint(x: number, y: number): this
Parameters
- x: number
- y: number
Returns this
- Defined in index.d.ts:1425

ellipse

ellipse(x: number, y: number, w: number, h: number): this
Parameters
- x: number
- y: number
- w: number
- h: number
Returns this
- Defined in index.d.ts:1455

fill

fill(): this
Returns this
- Defined in index.d.ts:1422

fillArc

fillArc(
    x: number,
    y: number,
    startAngle: number,
    setAngle: number,
    anticlockwise: boolean,
): this
Parameters
- x: number
- y: number
- startAngle: number
- setAngle: number
- anticlockwise: boolean
Returns this
- Defined in index.d.ts:1443

fillCircle

fillCircle(x: number, y: number, radius: number): this
Parameters
- x: number
- y: number
- radius: number
Returns this
- Defined in index.d.ts:1440

fillEllipse

fillEllipse(x: number, y: number, w: number, h: number): this
Parameters
- x: number
- y: number
- w: number
- h: number
Returns this
- Defined in index.d.ts:1456

fillHeart

fillHeart(x: number, y: number, radius: number, angle?: number): this
Parameters
- x: number
- y: number
- radius: number
- Optionalangle: number
Returns this
- Defined in index.d.ts:1453

fillLines

fillLines(...points: number[]): this
Parameters
- ...points: number[]
Returns this
- Defined in index.d.ts:1432

fillPolygon

fillPolygon(x: number, y: number, size: number, offsetAngle?: number): this
Parameters
- x: number
- y: number
- size: number
- OptionaloffsetAngle: number
Returns this
- Defined in index.d.ts:1447

fillRect

fillRect(x: number, y: number, w: number, h: number): this
Parameters
- x: number
- y: number
- w: number
- h: number
Returns this
- Defined in index.d.ts:1434

fillRoundRect

fillRoundRect(
    x: number,
    y: number,
    width: number,
    height: number,
    radius: number,
): this
Parameters
- x: number
- y: number
- width: number
- height: number
- radius: number
Returns this
- Defined in index.d.ts:1437

fillStar

fillStar(
    x?: number,
    y?: number,
    radius?: number,
    sides?: number,
    sideIndent?: number,
    offsetAngle?: number,
): this
Parameters
- Optionalx: number
- Optionaly: number
- Optionalradius: number
- Optionalsides: number
- OptionalsideIndent: number
- OptionaloffsetAngle: number
Returns this
- Defined in index.d.ts:1450

fillText

fillText(text: string, x: number, y: number, maxWidth?: number): this
Parameters
- text: string
- x: number
- y: number
- OptionalmaxWidth: number
Returns this
- Defined in index.d.ts:1458

fitScreen

fitScreen(isEver?: boolean): void
Parameters
- OptionalisEver: boolean
Returns void
- Defined in index.d.ts:1413

heart

heart(x: number, y: number, radius: number, angle?: number): this
Parameters
- x: number
- y: number
- radius: number
- Optionalangle: number
Returns this
- Defined in index.d.ts:1452

line

line(x0: number, y0: number, x1: number, y1: number): this
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns this
- Defined in index.d.ts:1426

lines

lines(...points: number[]): this
Parameters
- ...points: number[]
Returns this
- Defined in index.d.ts:1430

lineTo

lineTo(x: number, y: number): this
Parameters
- x: number
- y: number
Returns this
- Defined in index.d.ts:1419

moveTo

moveTo(x: number, y: number): this
Parameters
- x: number
- y: number
Returns this
- Defined in index.d.ts:1418

pie

pie(
    x: number,
    y: number,
    startAngle: number,
    setAngle: number,
    anticlockwise: boolean,
): this
Parameters
- x: number
- y: number
- startAngle: number
- setAngle: number
- anticlockwise: boolean
Returns this
- Defined in index.d.ts:1445

polygon

polygon(x: number, y: number, size: number, offsetAngle?: number): this
Parameters
- x: number
- y: number
- size: number
- OptionaloffsetAngle: number
Returns this
- Defined in index.d.ts:1446

quadraticCurveTo

quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): this
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns this
- Defined in index.d.ts:1420

rect

rect(x: number, y: number, width: number, height: number): this
Parameters
- x: number
- y: number
- width: number
- height: number
Returns this
- Defined in index.d.ts:1433

resetTransform

resetTransform(): this
Returns this
- Defined in index.d.ts:1464

restore

restore(): this
Returns this
- Defined in index.d.ts:1470

rotate

rotate(rotation: number): this
Parameters
- rotation: number
Returns this
- Defined in index.d.ts:1467

roundRect

roundRect(
    x: number,
    y: number,
    width: number,
    height: number,
    radius: number,
): this
Parameters
- x: number
- y: number
- width: number
- height: number
- radius: number
Returns this
- Defined in index.d.ts:1436

save

save(): this
Returns this
- Defined in index.d.ts:1469

saveAsImage

saveAsImage(mime_type?: string): this
Parameters
- Optionalmime_type: string
Returns this
- Defined in index.d.ts:1471

scale

scale(scaleX: number, scaleY: number): this
Parameters
- scaleX: number
- scaleY: number
Returns this
- Defined in index.d.ts:1468

setSize

setSize(width: number, height: number): this
Parameters
- width: number
- height: number
Returns this
- Defined in index.d.ts:1411

setSizeToScreen

setSizeToScreen(): void
Returns void
- Defined in index.d.ts:1412

setTransform

setTransform(
    m11: number,
    m12: number,
    m21: number,
    m22: number,
    dx: number,
    dy: number,
): this
Parameters
- m11: number
- m12: number
- m21: number
- m22: number
- dx: number
- dy: number
Returns this
- Defined in index.d.ts:1463

star

star(
    x?: number,
    y?: number,
    radius?: number,
    sides?: number,
    sideIndent?: number,
    offsetAngle?: number,
): this
Parameters
- Optionalx: number
- Optionaly: number
- Optionalradius: number
- Optionalsides: number
- OptionalsideIndent: number
- OptionaloffsetAngle: number
Returns this
- Defined in index.d.ts:1449

stroke

stroke(): this
Returns this
- Defined in index.d.ts:1423

strokeArc

strokeArc(
    x: number,
    y: number,
    startAngle: number,
    setAngle: number,
    anticlockwise: boolean,
): this
Parameters
- x: number
- y: number
- startAngle: number
- setAngle: number
- anticlockwise: boolean
Returns this
- Defined in index.d.ts:1444

strokeCircle

strokeCircle(x: number, y: number, radius: number): this
Parameters
- x: number
- y: number
- radius: number
Returns this
- Defined in index.d.ts:1441

strokeEllipse

strokeEllipse(x: number, y: number, w: number, h: number): this
Parameters
- x: number
- y: number
- w: number
- h: number
Returns this
- Defined in index.d.ts:1457

strokeHeart

strokeHeart(x: number, y: number, radius: number, angle?: number): this
Parameters
- x: number
- y: number
- radius: number
- Optionalangle: number
Returns this
- Defined in index.d.ts:1454

strokeLines

strokeLines(x0: number, y0: number, x1: number, y1: number): this
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns this
- Defined in index.d.ts:1431

strokePolygon

strokePolygon(x: number, y: number, size: number, offsetAngle?: number): this
Parameters
- x: number
- y: number
- size: number
- OptionaloffsetAngle: number
Returns this
- Defined in index.d.ts:1448

strokeRect

strokeRect(x: number, y: number, w: number, h: number): this
Parameters
- x: number
- y: number
- w: number
- h: number
Returns this
- Defined in index.d.ts:1435

strokeRoundRect

strokeRoundRect(
    x: number,
    y: number,
    width: number,
    height: number,
    radius: number,
): this
Parameters
- x: number
- y: number
- width: number
- height: number
- radius: number
Returns this
- Defined in index.d.ts:1438

strokeStar

strokeStar(
    x?: number,
    y?: number,
    radius?: number,
    sides?: number,
    sideIndent?: number,
    offsetAngle?: number,
): this
Parameters
- Optionalx: number
- Optionaly: number
- Optionalradius: number
- Optionalsides: number
- OptionalsideIndent: number
- OptionaloffsetAngle: number
Returns this
- Defined in index.d.ts:1451

strokeText

strokeText(text: string, x: number, y: number, maxWidth?: number): this
Parameters
- text: string
- x: number
- y: number
- OptionalmaxWidth: number
Returns this
- Defined in index.d.ts:1459

transformCenter

transformCenter(): this
Returns this
- Defined in index.d.ts:1465

translate

translate(x: number, y: number): this
Parameters
- x: number
- y: number
Returns this
- Defined in index.d.ts:1466

Interface Canvas

Index

Properties

Methods

Properties

canvas

context

domElement

fillStyle

font

globalAlpha

globalCompositeOperation

height

imageSmoothingEnabled

lineCap

lineJoin

lineWidth

miterLimit

shadowBlur

shadowColor

shadowOffsetX

shadowOffsetY

strokeStyle

textAlign

textBaseLine

width

Methods

arc

Parameters

Returns this

beginPath

Returns this

bezierCurveTo

Parameters

Returns this

circle

Parameters

Returns this

clear

Parameters

Returns this

clearColor

Parameters

Returns this

clip

Returns this

closePath

Returns this

drawArrow

Parameters

Returns this

drawDashLine

Parameters

Returns this

drawImage

Parameters

Returns this

Parameters

Returns this

Parameters

Returns this

drawLine

Parameters

Returns this

drawPoint

Parameters

Returns this

ellipse

Parameters

Returns this

fill

Returns this

fillArc

Parameters

Returns this

fillCircle

Parameters

Returns this

fillEllipse

Parameters