Interface: ICanvasContext2D ​

Hierarchy ​

• CanvasCompositing

• CanvasDrawImage

• CanvasDrawPath

• CanvasFillStrokeStyles

• CanvasFilters

• CanvasImageData

• CanvasImageSmoothing

• CanvasPath

• CanvasPathDrawingStyles

• CanvasRect

• CanvasShadowStyles

• CanvasState

• CanvasText

• CanvasTextDrawingStyles

• CanvasTransform

• CanvasUserInterface

  ↳ ICanvasContext2D

Table of contents ​

Properties ​

• canvas
• globalAlpha
• globalCompositeOperation
• fillStyle
• strokeStyle
• filter
• imageSmoothingEnabled
• imageSmoothingQuality
• lineCap
• lineDashOffset
• lineJoin
• lineWidth
• miterLimit
• shadowBlur
• shadowColor
• shadowOffsetX
• shadowOffsetY
• direction
• font
• textAlign
• textBaseline

Methods ​

• getContextAttributes
• drawImage
• beginPath
• clip
• fill
• isPointInPath
• isPointInStroke
• stroke
• createConicGradient
• createLinearGradient
• createPattern
• createRadialGradient
• createImageData
• getImageData
• putImageData
• arc
• arcTo
• bezierCurveTo
• closePath
• ellipse
• lineTo
• moveTo
• quadraticCurveTo
• rect
• roundRect
• getLineDash
• setLineDash
• clearRect
• fillRect
• strokeRect
• restore
• save
• fillText
• measureText
• strokeText
• getTransform
• resetTransform
• rotate
• scale
• setTransform
• transform
• translate
• drawFocusIfNeeded

Properties ​

canvas ​

Readonly canvas: HTMLCanvasElement

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:129

globalAlpha ​

globalAlpha: number

Inherited from ​

CanvasCompositing.globalAlpha

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:23

globalCompositeOperation ​

globalCompositeOperation: GlobalCompositeOperation

Inherited from ​

CanvasCompositing.globalCompositeOperation

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:24

fillStyle ​

fillStyle: string | CanvasGradient | CanvasPattern

Inherited from ​

CanvasFillStrokeStyles.fillStyle

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:49

strokeStyle ​

strokeStyle: string | CanvasGradient | CanvasPattern

Inherited from ​

CanvasFillStrokeStyles.strokeStyle

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:50

filter ​

filter: string

Inherited from ​

CanvasFilters.filter

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:58

imageSmoothingEnabled ​

imageSmoothingEnabled: boolean

Inherited from ​

CanvasImageSmoothing.imageSmoothingEnabled

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:79

imageSmoothingQuality ​

imageSmoothingQuality: ImageSmoothingQuality

Inherited from ​

CanvasImageSmoothing.imageSmoothingQuality

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:80

lineCap ​

lineCap: CanvasLineCap

Inherited from ​

CanvasPathDrawingStyles.lineCap

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:97

lineDashOffset ​

lineDashOffset: number

Inherited from ​

CanvasPathDrawingStyles.lineDashOffset

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:98

lineJoin ​

lineJoin: CanvasLineJoin

Inherited from ​

CanvasPathDrawingStyles.lineJoin

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:99

lineWidth ​

lineWidth: number

Inherited from ​

CanvasPathDrawingStyles.lineWidth

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:100

miterLimit ​

miterLimit: number

Inherited from ​

CanvasPathDrawingStyles.miterLimit

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:101

shadowBlur ​

shadowBlur: number

Inherited from ​

CanvasShadowStyles.shadowBlur

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:139

shadowColor ​

shadowColor: string

Inherited from ​

CanvasShadowStyles.shadowColor

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:140

shadowOffsetX ​

shadowOffsetX: number

Inherited from ​

CanvasShadowStyles.shadowOffsetX

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:141

shadowOffsetY ​

shadowOffsetY: number

Inherited from ​

CanvasShadowStyles.shadowOffsetY

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:142

direction ​

direction: CanvasDirection

Inherited from ​

CanvasTextDrawingStyles.direction

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:185

font ​

font: string

Inherited from ​

CanvasTextDrawingStyles.font

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:186

textAlign ​

textAlign: CanvasTextAlign

Inherited from ​

CanvasTextDrawingStyles.textAlign

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:187

textBaseline ​

textBaseline: CanvasTextBaseline

Inherited from ​

CanvasTextDrawingStyles.textBaseline

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:188

Methods ​

getContextAttributes ​

getContextAttributes(): CanvasRenderingContext2DSettings

Returns ​

CanvasRenderingContext2DSettings

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:130

drawImage ​

drawImage(image, dx, dy): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawImage.drawImage

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:29

drawImage(image, dx, dy, dw, dh): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawImage.drawImage

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:30

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawImage.drawImage

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:31

beginPath ​

beginPath(): void

Returns ​

void

Inherited from ​

CanvasDrawPath.beginPath

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:35

clip ​

clip(fillRule?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawPath.clip

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:36

clip(path, fillRule?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawPath.clip

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:37

fill ​

fill(fillRule?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawPath.fill

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:38

fill(path, fillRule?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawPath.fill

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:39

isPointInPath ​

isPointInPath(x, y, fillRule?): boolean

Parameters ​

Returns ​

boolean

Inherited from ​

CanvasDrawPath.isPointInPath

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:40

isPointInPath(path, x, y, fillRule?): boolean

Parameters ​

Returns ​

boolean

Inherited from ​

CanvasDrawPath.isPointInPath

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:41

isPointInStroke ​

isPointInStroke(x, y): boolean

Parameters ​

Returns ​

boolean

Inherited from ​

CanvasDrawPath.isPointInStroke

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:42

isPointInStroke(path, x, y): boolean

Parameters ​

Returns ​

boolean

Inherited from ​

CanvasDrawPath.isPointInStroke

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:43

stroke ​

stroke(): void

Returns ​

void

Inherited from ​

CanvasDrawPath.stroke

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:44

stroke(path): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasDrawPath.stroke

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:45

createConicGradient ​

createConicGradient(startAngle, x, y): CanvasGradient

Parameters ​

Returns ​

CanvasGradient

Inherited from ​

CanvasFillStrokeStyles.createConicGradient

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:51

createLinearGradient ​

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

Parameters ​

Returns ​

CanvasGradient

Inherited from ​

CanvasFillStrokeStyles.createLinearGradient

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:52

createPattern ​

createPattern(image, repetition): CanvasPattern

Parameters ​

Returns ​

CanvasPattern

Inherited from ​

CanvasFillStrokeStyles.createPattern

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:53

createRadialGradient ​

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

Parameters ​

Returns ​

CanvasGradient

Inherited from ​

CanvasFillStrokeStyles.createRadialGradient

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:54

createImageData ​

createImageData(sw, sh, settings?): ImageData

Parameters ​

Returns ​

ImageData

Inherited from ​

CanvasImageData.createImageData

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:71

createImageData(imagedata): ImageData

Parameters ​

Returns ​

ImageData

Inherited from ​

CanvasImageData.createImageData

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:72

getImageData ​

getImageData(sx, sy, sw, sh, settings?): ImageData

Parameters ​

Returns ​

ImageData

Inherited from ​

CanvasImageData.getImageData

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:73

putImageData ​

putImageData(imagedata, dx, dy): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasImageData.putImageData

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:74

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasImageData.putImageData

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:75

arc ​

arc(x, y, radius, startAngle, endAngle, counterclockwise?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.arc

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:84

arcTo ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.arcTo

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:85

bezierCurveTo ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.bezierCurveTo

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:86

closePath ​

closePath(): void

Returns ​

void

Inherited from ​

CanvasPath.closePath

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:87

ellipse ​

ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.ellipse

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:88

lineTo ​

lineTo(x, y): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.lineTo

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:89

moveTo ​

moveTo(x, y): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.moveTo

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:90

quadraticCurveTo ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.quadraticCurveTo

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:91

rect ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.rect

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:92

roundRect ​

roundRect(x, y, width, height, radius?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasPath.roundRect

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:93

getLineDash ​

getLineDash(): number[]

Returns ​

number[]

Inherited from ​

CanvasPathDrawingStyles.getLineDash

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:102

setLineDash ​

setLineDash(segments): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasPathDrawingStyles.setLineDash

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:103

clearRect ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasRect.clearRect

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:116

fillRect ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasRect.fillRect

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:117

strokeRect ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasRect.strokeRect

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:118

restore ​

restore(): void

Returns ​

void

Inherited from ​

CanvasState.restore

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:146

save ​

save(): void

Returns ​

void

Inherited from ​

CanvasState.save

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:147

fillText ​

fillText(text, x, y, maxWidth?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasText.fillText

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:179

measureText ​

measureText(text): ITextMetrics

Parameters ​

Returns ​

ITextMetrics

Inherited from ​

CanvasText.measureText

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:180

strokeText ​

strokeText(text, x, y, maxWidth?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasText.strokeText

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:181

getTransform ​

getTransform(): DOMMatrix

Returns ​

DOMMatrix

Inherited from ​

CanvasTransform.getTransform

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:192

resetTransform ​

resetTransform(): void

Returns ​

void

Inherited from ​

CanvasTransform.resetTransform

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:193

rotate ​

rotate(angle): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasTransform.rotate

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:194

scale ​

scale(x, y): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasTransform.scale

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:195

setTransform ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasTransform.setTransform

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:196

setTransform(transform?): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasTransform.setTransform

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:197

transform ​

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

Parameters ​

Returns ​

void

Inherited from ​

CanvasTransform.transform

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:198

translate ​

translate(x, y): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasTransform.translate

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:199

drawFocusIfNeeded ​

drawFocusIfNeeded(element): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasUserInterface.drawFocusIfNeeded

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:151

drawFocusIfNeeded(path, element): void

Parameters ​

Returns ​

void

Inherited from ​

CanvasUserInterface.drawFocusIfNeeded

Defined in ​

leafer/packages/interface/src/canvas/ICanvas.ts:152