# 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