# Interface: CanvasRenderingContext2D

• CanvasRenderingContext2D()

# Properties

# CanvasRenderingContext2D

• CanvasRenderingContext2D: object

# Type declaration:

new __type(): CanvasRenderingContext2D
prototype: CanvasRenderingContext2D

Returns: object

new __type(): CanvasRenderingContext2D
prototype: CanvasRenderingContext2D

# `Readonly` canvas

• canvas: HTMLCanvasElement

Inherited from CanvasRenderingContext2D.canvas

Returns: HTMLCanvasElement

# direction

• direction: CanvasDirection

Inherited from CanvasRenderingContext2D.direction

Returns: CanvasDirection

# fillStyle

• fillStyle: string | CanvasGradient | CanvasPattern

Inherited from CanvasRenderingContext2D.fillStyle

Returns: string | CanvasGradient | CanvasPattern

# filter

• filter: string

Inherited from CanvasRenderingContext2D.filter

Returns: string

# font

• font: string

Inherited from CanvasRenderingContext2D.font

Returns: string

# globalAlpha

• globalAlpha: number

Inherited from CanvasRenderingContext2D.globalAlpha

Returns: number

# globalCompositeOperation

• globalCompositeOperation: string

Inherited from CanvasRenderingContext2D.globalCompositeOperation

Returns: string

# imageSmoothingEnabled

• imageSmoothingEnabled: boolean

Inherited from CanvasRenderingContext2D.imageSmoothingEnabled

Returns: boolean

# imageSmoothingQuality

• imageSmoothingQuality: ImageSmoothingQuality

Inherited from CanvasRenderingContext2D.imageSmoothingQuality

Returns: ImageSmoothingQuality

# lineCap

• lineCap: CanvasLineCap

Inherited from CanvasRenderingContext2D.lineCap

Returns: CanvasLineCap

# lineDashOffset

• lineDashOffset: number

Inherited from CanvasRenderingContext2D.lineDashOffset

Returns: number

# lineJoin

• lineJoin: CanvasLineJoin

Inherited from CanvasRenderingContext2D.lineJoin

Returns: CanvasLineJoin

# lineWidth

• lineWidth: number

Inherited from CanvasRenderingContext2D.lineWidth

Returns: number

# miterLimit

• miterLimit: number

Inherited from CanvasRenderingContext2D.miterLimit

Returns: number

# shadowBlur

• shadowBlur: number

Inherited from CanvasRenderingContext2D.shadowBlur

Returns: number

# shadowColor

• shadowColor: string

Inherited from CanvasRenderingContext2D.shadowColor

Returns: string

# shadowOffsetX

• shadowOffsetX: number

Inherited from CanvasRenderingContext2D.shadowOffsetX

Returns: number

# shadowOffsetY

• shadowOffsetY: number

Inherited from CanvasRenderingContext2D.shadowOffsetY

Returns: number

# strokeStyle

• strokeStyle: string | CanvasGradient | CanvasPattern

Inherited from CanvasRenderingContext2D.strokeStyle

Returns: string | CanvasGradient | CanvasPattern

# textAlign

• textAlign: CanvasTextAlign

Inherited from CanvasRenderingContext2D.textAlign

Returns: CanvasTextAlign

# textBaseline

• textBaseline: CanvasTextBaseline

Inherited from CanvasRenderingContext2D.textBaseline

Returns: CanvasTextBaseline

# Methods

# arc

▸ arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void

Inherited from CanvasRenderingContext2D.arc

# 参数:

属性	类型
`x`	number
`y`	number
`radius`	number
`startAngle`	number
`endAngle`	number
`anticlockwise?`	boolean

# 返回值:

void

# arcTo

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

Inherited from CanvasRenderingContext2D.arcTo

# 参数:

属性	类型
`x1`	number
`y1`	number
`x2`	number
`y2`	number
`radius`	number

# 返回值:

void

# beginPath

▸ beginPath(): void

Inherited from CanvasRenderingContext2D.beginPath

# 返回值:

void

# bezierCurveTo

▸ bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void

Inherited from CanvasRenderingContext2D.bezierCurveTo

# 参数:

属性	类型
`cp1x`	number
`cp1y`	number
`cp2x`	number
`cp2y`	number
`x`	number
`y`	number

# 返回值:

void

# clearRect

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

Inherited from CanvasRenderingContext2D.clearRect

# 参数:

属性	类型
`x`	number
`y`	number
`w`	number
`h`	number

# 返回值:

void

# clip

▸ clip(fillRule?: CanvasFillRule): void

Inherited from CanvasRenderingContext2D.clip

# 参数:

属性	类型
`fillRule?`	CanvasFillRule

# 返回值:

void

▸ clip(path: Path2D, fillRule?: CanvasFillRule): void

Inherited from CanvasRenderingContext2D.clip

# 参数:

属性	类型
`path`	Path2D
`fillRule?`	CanvasFillRule

# 返回值:

void

# closePath

▸ closePath(): void

Inherited from CanvasRenderingContext2D.closePath

# 返回值:

void

# createImageData

▸ createImageData(sw: number, sh: number): ImageData

Inherited from CanvasRenderingContext2D.createImageData

# 参数:

属性	类型
`sw`	number
`sh`	number

# 返回值:

ImageData

▸ createImageData(imagedata: ImageData): ImageData

Inherited from CanvasRenderingContext2D.createImageData

# 参数:

属性	类型
`imagedata`	ImageData

# 返回值:

ImageData

# createLinearGradient

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

Inherited from CanvasRenderingContext2D.createLinearGradient

# 参数:

属性	类型
`x0`	number
`y0`	number
`x1`	number
`y1`	number

# 返回值:

CanvasGradient

# createPattern

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

Inherited from CanvasRenderingContext2D.createPattern

# 参数:

属性	类型
`image`	CanvasImageSource
`repetition`	string \| null

# 返回值:

CanvasPattern | null

# createRadialGradient

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

Inherited from CanvasRenderingContext2D.createRadialGradient

# 参数:

属性	类型
`x0`	number
`y0`	number
`r0`	number
`x1`	number
`y1`	number
`r1`	number

# 返回值:

CanvasGradient

# drawFocusIfNeeded

▸ drawFocusIfNeeded(element: Element): void

Inherited from CanvasRenderingContext2D.drawFocusIfNeeded

# 参数:

属性	类型
`element`	Element

# 返回值:

void

▸ drawFocusIfNeeded(path: Path2D, element: Element): void

Inherited from CanvasRenderingContext2D.drawFocusIfNeeded

# 参数:

属性	类型
`path`	Path2D
`element`	Element

# 返回值:

void

# drawImage

▸ drawImage(image: CanvasImageSource, dx: number, dy: number): void

Inherited from CanvasRenderingContext2D.drawImage

# 参数:

属性	类型
`image`	CanvasImageSource
`dx`	number
`dy`	number

# 返回值:

void

▸ drawImage(image: CanvasImageSource, dx: number, dy: number, dw: number, dh: number): void

Inherited from CanvasRenderingContext2D.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

Inherited from CanvasRenderingContext2D.drawImage

# 参数:

属性	类型
`image`	CanvasImageSource
`sx`	number
`sy`	number
`sw`	number
`sh`	number
`dx`	number
`dy`	number
`dw`	number
`dh`	number

# 返回值:

void

# ellipse

▸ ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void

Inherited from CanvasRenderingContext2D.ellipse

# 参数:

属性	类型
`x`	number
`y`	number
`radiusX`	number
`radiusY`	number
`rotation`	number
`startAngle`	number
`endAngle`	number
`anticlockwise?`	boolean

# 返回值:

void

# fill

▸ fill(fillRule?: CanvasFillRule): void

Inherited from CanvasRenderingContext2D.fill

# 参数:

属性	类型
`fillRule?`	CanvasFillRule

# 返回值:

void

▸ fill(path: Path2D, fillRule?: CanvasFillRule): void

Inherited from CanvasRenderingContext2D.fill

# 参数:

属性	类型
`path`	Path2D
`fillRule?`	CanvasFillRule

# 返回值:

void

# fillRect

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

Inherited from CanvasRenderingContext2D.fillRect

# 参数:

属性	类型
`x`	number
`y`	number
`w`	number
`h`	number

# 返回值:

void

# fillText

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

Inherited from CanvasRenderingContext2D.fillText

# 参数:

属性	类型
`text`	string
`x`	number
`y`	number
`maxWidth?`	number

# 返回值:

void

# getImageData

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

Inherited from CanvasRenderingContext2D.getImageData

# 参数:

属性	类型
`sx`	number
`sy`	number
`sw`	number
`sh`	number

# 返回值:

ImageData

# getLineDash

▸ getLineDash(): number[]

Inherited from CanvasRenderingContext2D.getLineDash

# 返回值:

number[]

# getTransform

▸ getTransform(): DOMMatrix

Inherited from CanvasRenderingContext2D.getTransform

# 返回值:

DOMMatrix

# isPointInPath

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

Inherited from CanvasRenderingContext2D.isPointInPath

# 参数:

属性	类型
`x`	number
`y`	number
`fillRule?`	CanvasFillRule

# 返回值:

boolean

▸ isPointInPath(path: Path2D, x: number, y: number, fillRule?: CanvasFillRule): boolean

Inherited from CanvasRenderingContext2D.isPointInPath

# 参数:

属性	类型
`path`	Path2D
`x`	number
`y`	number
`fillRule?`	CanvasFillRule

# 返回值:

boolean

# isPointInStroke

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

Inherited from CanvasRenderingContext2D.isPointInStroke

# 参数:

属性	类型
`x`	number
`y`	number

# 返回值:

boolean

▸ isPointInStroke(path: Path2D, x: number, y: number): boolean

Inherited from CanvasRenderingContext2D.isPointInStroke

# 参数:

属性	类型
`path`	Path2D
`x`	number
`y`	number

# 返回值:

boolean

# lineTo

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

Inherited from CanvasRenderingContext2D.lineTo

# 参数:

属性	类型
`x`	number
`y`	number

# 返回值:

void

# measureText

▸ measureText(text: string): TextMetrics

Inherited from CanvasRenderingContext2D.measureText

# 参数:

属性	类型
`text`	string

# 返回值:

TextMetrics

# moveTo

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

Inherited from CanvasRenderingContext2D.moveTo

# 参数:

属性	类型
`x`	number
`y`	number

# 返回值:

void

# putImageData

▸ putImageData(imagedata: ImageData, dx: number, dy: number): void

Inherited from CanvasRenderingContext2D.putImageData

# 参数:

属性	类型
`imagedata`	ImageData
`dx`	number
`dy`	number

# 返回值:

void

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

Inherited from CanvasRenderingContext2D.putImageData

# 参数:

属性	类型
`imagedata`	ImageData
`dx`	number
`dy`	number
`dirtyX`	number
`dirtyY`	number
`dirtyWidth`	number
`dirtyHeight`	number

# 返回值:

void

# quadraticCurveTo

▸ quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void

Inherited from CanvasRenderingContext2D.quadraticCurveTo

# 参数:

属性	类型
`cpx`	number
`cpy`	number
`x`	number
`y`	number

# 返回值:

void

# rect

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

Inherited from CanvasRenderingContext2D.rect

# 参数:

属性	类型
`x`	number
`y`	number
`w`	number
`h`	number

# 返回值:

void

# resetTransform

▸ resetTransform(): void

Inherited from CanvasRenderingContext2D.resetTransform

# 返回值:

void

# restore

▸ restore(): void

Inherited from CanvasRenderingContext2D.restore

# 返回值:

void

# rotate

▸ rotate(angle: number): void

Inherited from CanvasRenderingContext2D.rotate

# 参数:

属性	类型
`angle`	number

# 返回值:

void

# save

▸ save(): void

Inherited from CanvasRenderingContext2D.save

# 返回值:

void

# scale

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

Inherited from CanvasRenderingContext2D.scale

# 参数:

属性	类型
`x`	number
`y`	number

# 返回值:

void

# scrollPathIntoView

▸ scrollPathIntoView(): void

Inherited from CanvasRenderingContext2D.scrollPathIntoView

# 返回值:

void

▸ scrollPathIntoView(path: Path2D): void

Inherited from CanvasRenderingContext2D.scrollPathIntoView

# 参数:

属性	类型
`path`	Path2D

# 返回值:

void

# setLineDash

▸ setLineDash(segments: number[]): void

Inherited from CanvasRenderingContext2D.setLineDash

# 参数:

属性	类型
`segments`	number[]

# 返回值:

void

# setTransform

▸ setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void

Inherited from CanvasRenderingContext2D.setTransform

# 参数:

属性	类型
`a`	number
`b`	number
`c`	number
`d`	number
`e`	number
`f`	number

# 返回值:

void

▸ setTransform(transform?: DOMMatrix2DInit): void

Inherited from CanvasRenderingContext2D.setTransform

# 参数:

属性	类型
`transform?`	DOMMatrix2DInit

# 返回值:

void

# stroke

▸ stroke(): void

Inherited from CanvasRenderingContext2D.stroke

# 返回值:

void

▸ stroke(path: Path2D): void

Inherited from CanvasRenderingContext2D.stroke

# 参数:

属性	类型
`path`	Path2D

# 返回值:

void

# strokeRect

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

Inherited from CanvasRenderingContext2D.strokeRect

# 参数:

属性	类型
`x`	number
`y`	number
`w`	number
`h`	number

# 返回值:

void

# strokeText

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

Inherited from CanvasRenderingContext2D.strokeText

# 参数:

属性	类型
`text`	string
`x`	number
`y`	number
`maxWidth?`	number

# 返回值:

void

# transform

▸ transform(a: number, b: number, c: number, d: number, e: number, f: number): void

Inherited from CanvasRenderingContext2D.transform

# 参数:

属性	类型
`a`	number
`b`	number
`c`	number
`d`	number
`e`	number
`f`	number

# 返回值:

void

# translate

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

Inherited from CanvasRenderingContext2D.translate

# 参数:

属性	类型
`x`	number
`y`	number

# 返回值:

void

← 概述 WebGLRenderingContext →

# Interface: CanvasRenderingContext2D

# Properties

# CanvasRenderingContext2D

# Type declaration:

# Readonly canvas

# direction

# fillStyle

# filter

# font

# globalAlpha

# globalCompositeOperation

# imageSmoothingEnabled

# imageSmoothingQuality

# lineCap

# lineDashOffset

# lineJoin

# lineWidth

# miterLimit

# shadowBlur

# shadowColor

# shadowOffsetX

# shadowOffsetY

# strokeStyle

# textAlign

# textBaseline

# Methods

# arc

# 参数:

# 返回值:

# arcTo

# 参数:

# 返回值:

# beginPath

# 返回值:

# bezierCurveTo

# 参数:

# 返回值:

# clearRect

# 参数:

# 返回值:

# clip

# 参数:

# 返回值:

# 参数:

# 返回值:

# closePath

# 返回值:

# createImageData

# 参数:

# 返回值:

# 参数:

# 返回值:

# createLinearGradient

# 参数:

# 返回值:

# createPattern

# 参数:

# 返回值:

# createRadialGradient

# 参数:

# 返回值:

# drawFocusIfNeeded

# 参数:

# 返回值:

# 参数:

# 返回值:

# drawImage

# 参数:

# 返回值:

# 参数:

# 返回值:

# 参数:

# 返回值:

# ellipse

# 参数:

# 返回值:

# fill

# 参数:

# 返回值:

# 参数:

# `Readonly` canvas