Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface CanvasContext

Hierarchy

Index

Properties

Methods

Properties

direction

direction: CanvasDirection

fillStyle

fillStyle: string | CanvasGradient | CanvasPattern

filter

filter: string

font

font: string

globalAlpha

globalAlpha: number

globalCompositeOperation

globalCompositeOperation: string

imageSmoothingEnabled

imageSmoothingEnabled: boolean

imageSmoothingQuality

imageSmoothingQuality: ImageSmoothingQuality

lineCap

lineCap: CanvasLineCap

lineDashOffset

lineDashOffset: number

lineJoin

lineJoin: CanvasLineJoin

lineWidth

lineWidth: number

miterLimit

miterLimit: number

shadowBlur

shadowBlur: number

shadowColor

shadowColor: string

shadowOffsetX

shadowOffsetX: number

shadowOffsetY

shadowOffsetY: number

strokeStyle

strokeStyle: string | CanvasGradient | CanvasPattern

textAlign

textAlign: CanvasTextAlign

textBaseline

textBaseline: CanvasTextBaseline

Methods

arc

  • arc(cx: number, cy: number, r: number, a0: number, a1: number, ccw?: boolean): void

  • Parameters

    • cx: number
    • cy: number
    • r: number
    • a0: number
    • a1: number
    • Optional ccw: boolean

    Returns void

arcTo

  • arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void

  • Parameters

    • x1: number
    • y1: number
    • x2: number
    • y2: number
    • radius: number

    Returns void

beginPath

  • beginPath(): void

  • Returns void

bezierCurveTo

  • bezierCurveTo(x1: number, y1: number, x2: number, y2: number, x: number, y: number): void

  • Parameters

    • x1: number
    • y1: number
    • x2: number
    • y2: number
    • x: number
    • y: number

    Returns void

clearRect

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

  • Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

clip

  • clip(fillRule?: CanvasFillRule): void

  • Parameters

    • Optional fillRule: CanvasFillRule

    Returns void

closePath

  • closePath(): void

  • Returns void

createImageData

  • createImageData(sw: number, sh: number): ImageData
  • createImageData(imagedata: ImageData): ImageData

  • Parameters

    • sw: number
    • sh: number

    Returns ImageData

  • Parameters

    • imagedata: ImageData

    Returns ImageData

createLinearGradient

  • createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient

  • Parameters

    • x0: number
    • y0: number
    • x1: number
    • y1: number

    Returns CanvasGradient

createPattern

  • createPattern(image: CanvasImageSource, repetition: string): null | CanvasPattern

  • Parameters

    • image: CanvasImageSource
    • repetition: string

    Returns null | CanvasPattern

createRadialGradient

  • createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient

  • Parameters

    • x0: number
    • y0: number
    • r0: number
    • x1: number
    • y1: number
    • r1: number

    Returns CanvasGradient

drawFocusIfNeeded

  • drawFocusIfNeeded(element: Element): void

  • Parameters

    • element: Element

    Returns void

drawImage

  • drawImage(image: CanvasImageSource, dx: number, dy: number): void
  • drawImage(image: CanvasImageSource, dx: number, dy: number, dw: number, dh: number): void
  • drawImage(image: CanvasImageSource, sx: number, sy: number, sw: number, sh: number, dx: number, dy: number, dw: number, dh: number): void

  • Parameters

    • image: CanvasImageSource
    • dx: number
    • dy: number

    Returns void

  • Parameters

    • image: CanvasImageSource
    • dx: number
    • dy: number
    • dw: number
    • dh: number

    Returns void

  • Parameters

    • image: CanvasImageSource
    • sx: number
    • sy: number
    • sw: number
    • sh: number
    • dx: number
    • dy: number
    • dw: number
    • dh: number

    Returns void

ellipse

  • ellipse(cx: number, cy: number, rx: number, ry: number, phi: number, a0: number, a1: number, ccw?: boolean): void

  • Parameters

    • cx: number
    • cy: number
    • rx: number
    • ry: number
    • phi: number
    • a0: number
    • a1: number
    • Optional ccw: boolean

    Returns void

fill

  • fill(fillRule?: CanvasFillRule): void

  • Parameters

    • Optional fillRule: CanvasFillRule

    Returns void

fillRect

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

  • Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

fillText

  • fillText(text: string, x: number, y: number, maxWidth?: number): void

  • Parameters

    • text: string
    • x: number
    • y: number
    • Optional maxWidth: number

    Returns void

getImageData

  • getImageData(sx: number, sy: number, sw: number, sh: number): ImageData

  • Parameters

    • sx: number
    • sy: number
    • sw: number
    • sh: number

    Returns ImageData

getLineDash

  • getLineDash(): number[]

  • Returns number[]

isPointInPath

  • isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean

  • Parameters

    • x: number
    • y: number
    • Optional fillRule: CanvasFillRule

    Returns boolean

isPointInStroke

  • isPointInStroke(x: number, y: number): boolean

  • Parameters

    • x: number
    • y: number

    Returns boolean

lineTo

  • lineTo(x: number, y: number): void

  • Parameters

    • x: number
    • y: number

    Returns void

measureText

  • measureText(text: string): TextMetrics

  • Parameters

    • text: string

    Returns TextMetrics

moveTo

  • moveTo(x: number, y: number): void

  • Parameters

    • x: number
    • y: number

    Returns void

putImageData

  • putImageData(imagedata: ImageData, dx: number, dy: number): void
  • putImageData(imagedata: ImageData, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): void

  • Parameters

    • imagedata: ImageData
    • dx: number
    • dy: number

    Returns void

  • Parameters

    • imagedata: ImageData
    • dx: number
    • dy: number
    • dirtyX: number
    • dirtyY: number
    • dirtyWidth: number
    • dirtyHeight: number

    Returns void

quadraticCurveTo

  • quadraticCurveTo(x1: number, y1: number, x: number, y: number): void

  • Parameters

    • x1: number
    • y1: number
    • x: number
    • y: number

    Returns void

rect

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

  • Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

restore

  • restore(): void

  • Returns void

rotate

  • rotate(angle: number): void

  • Parameters

    • angle: number

    Returns void

save

  • save(): void

  • Returns void

scale

  • scale(x: number, y: number): void

  • Parameters

    • x: number
    • y: number

    Returns void

scrollPathIntoView

  • scrollPathIntoView(): void

  • Returns void

setLineDash

  • setLineDash(segments: number[]): void

  • Parameters

    • segments: number[]

    Returns void

setTransform

  • setTransform(x0: number, y0: number, x1: number, y1: number, tx: number, ty: number): void
  • setTransform(transform?: DOMMatrix2DInit): void

  • Parameters

    • x0: number
    • y0: number
    • x1: number
    • y1: number
    • tx: number
    • ty: number

    Returns void

  • Parameters

    • Optional transform: DOMMatrix2DInit

    Returns void

stroke

  • stroke(): void

  • Returns void

strokeRect

  • strokeRect(x: number, y: number, w: number, h: number): void

  • Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

strokeText

  • strokeText(text: string, x: number, y: number, maxWidth?: number): void

  • Parameters

    • text: string
    • x: number
    • y: number
    • Optional maxWidth: number

    Returns void

transform

  • transform(x0: number, y0: number, x1: number, y1: number, tx: number, ty: number): void

  • Parameters

    • x0: number
    • y0: number
    • x1: number
    • y1: number
    • tx: number
    • ty: number

    Returns void

translate

  • translate(x: number, y: number): void

  • Parameters

    • x: number
    • y: number

    Returns void

Generated using TypeDoc