kotlin-browser/web.canvas/CanvasRenderingContext2D

CanvasRenderingContext2D

The CanvasRenderingContext2D interface, part of the Canvas API, provides the 2D rendering context for the drawing surface of a

Types

object Companion

Properties

external val canvas: HTMLCanvasElement

The CanvasRenderingContext2D.canvas property, part of the Canvas API, is a read-only reference to the HTMLCanvasElement object that is associated with a given context.

open external var direction: CanvasDirection

open external var fillStyle: JsAny

open external var filter: String

open external var font: String

open external var fontKerning: CanvasFontKerning

open external var fontStretch: CanvasFontStretch

fontVariantCaps

open external var fontVariantCaps: CanvasFontVariantCaps

open external var globalAlpha: Double

globalCompositeOperation

open external var globalCompositeOperation: GlobalCompositeOperation

imageSmoothingEnabled

open external var imageSmoothingEnabled: Boolean

imageSmoothingQuality

open external var imageSmoothingQuality: ImageSmoothingQuality

open external var lang: String

open external var letterSpacing: String

open external var lineCap: CanvasLineCap

open external var lineDashOffset: Double

open external var lineJoin: CanvasLineJoin

open external var lineWidth: Double

open external var miterLimit: Double

open external var shadowBlur: Double

open external var shadowColor: String

open external var shadowOffsetX: Double

open external var shadowOffsetY: Double

open external var strokeStyle: JsAny

open external var textAlign: CanvasTextAlign

open external var textBaseline: CanvasTextBaseline

open external var textRendering: CanvasTextRendering

open external var wordSpacing: String

Functions

open external fun arc(x: Double, y: Double, radius: Double, startAngle: Double, endAngle: Double, counterclockwise: Boolean = definedExternally)

open external fun arcTo(x1: Double, y1: Double, x2: Double, y2: Double, radius: Double)

open external fun beginPath()

open external fun bezierCurveTo(cp1x: Double, cp1y: Double, cp2x: Double, cp2y: Double, x: Double, y: Double)

open external fun clearRect(x: Double, y: Double, w: Double, h: Double)

open external fun clip(fillRule: CanvasFillRule = definedExternally)

open external fun clip(path: Path2D, fillRule: CanvasFillRule = definedExternally)

open external fun closePath()

createConicGradient

open external fun createConicGradient(startAngle: Double, x: Double, y: Double): CanvasGradient

createImageData

open external fun createImageData(imageData: ImageData): ImageData

open external fun createImageData(sw: Int, sh: Int, settings: ImageDataSettings = definedExternally): ImageData

createLinearGradient

open external fun createLinearGradient(x0: Double, y0: Double, x1: Double, y1: Double): CanvasGradient

open external fun createPattern(image: CanvasImageSource, repetition: String?): CanvasPattern?

createRadialGradient

open external fun createRadialGradient(x0: Double, y0: Double, r0: Double, x1: Double, y1: Double, r1: Double): CanvasGradient

drawFocusIfNeeded

open external fun drawFocusIfNeeded(element: Element)

open external fun drawFocusIfNeeded(path: Path2D, element: Element)

open external fun drawImage(image: CanvasImageSource, dx: Double, dy: Double)

open external fun drawImage(image: CanvasImageSource, dx: Double, dy: Double, dw: Double, dh: Double)

open external fun drawImage(image: CanvasImageSource, sx: Double, sy: Double, sw: Double, sh: Double, dx: Double, dy: Double, dw: Double, dh: Double)

open external fun ellipse(x: Double, y: Double, radiusX: Double, radiusY: Double, rotation: Double, startAngle: Double, endAngle: Double, counterclockwise: Boolean = definedExternally)

open external fun fill(fillRule: CanvasFillRule = definedExternally)

open external fun fill(path: Path2D, fillRule: CanvasFillRule = definedExternally)

open external fun fillRect(x: Double, y: Double, w: Double, h: Double)

open external fun fillText(text: String, x: Double, y: Double, maxWidth: Double = definedExternally)

getContextAttributes

open external fun getContextAttributes(): CanvasRenderingContext2DSettings

open external fun getImageData(sx: Int, sy: Int, sw: Int, sh: Int, settings: ImageDataSettings = definedExternally): ImageData

open external fun getLineDash(): ReadonlyArray<JsDouble>

open external fun getTransform(): DOMMatrix

open external fun isContextLost(): Boolean

open external fun isPointInPath(x: Double, y: Double, fillRule: CanvasFillRule = definedExternally): Boolean

open external fun isPointInPath(path: Path2D, x: Double, y: Double, fillRule: CanvasFillRule = definedExternally): Boolean

isPointInStroke

open external fun isPointInStroke(x: Double, y: Double): Boolean

open external fun isPointInStroke(path: Path2D, x: Double, y: Double): Boolean

open external fun lineTo(x: Double, y: Double)

open external fun measureText(text: String): TextMetrics

open external fun moveTo(x: Double, y: Double)

open external fun putImageData(imageData: ImageData, dx: Int, dy: Int)

open external fun putImageData(imageData: ImageData, dx: Int, dy: Int, dirtyX: Int, dirtyY: Int, dirtyWidth: Int, dirtyHeight: Int)

quadraticCurveTo

open external fun quadraticCurveTo(cpx: Double, cpy: Double, x: Double, y: Double)

open external fun rect(x: Double, y: Double, w: Double, h: Double)

open external fun reset()

open external fun resetTransform()

open external fun restore()

open external fun rotate(angle: Double)

open external fun roundRect(x: Double, y: Double, w: Double, h: Double, radii: JsAny = definedExternally)

open external fun save()

open external fun scale(x: Double, y: Double)

open external fun setLineDash(segments: ReadonlyArray<JsDouble>)

open external fun setTransform(transform: DOMMatrixReadOnly = definedExternally)

open external fun setTransform(a: Double, b: Double, c: Double, d: Double, e: Double, f: Double)

open external fun stroke()

open external fun stroke(path: Path2D)

open external fun strokeRect(x: Double, y: Double, w: Double, h: Double)

open external fun strokeText(text: String, x: Double, y: Double, maxWidth: Double = definedExternally)

open external fun transform(a: Double, b: Double, c: Double, d: Double, e: Double, f: Double)

open external fun translate(x: Double, y: Double)