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 canvas element.

Types

object Companion

Properties

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 var direction: CanvasDirection

open var fillStyle: JsAny

open var filter: String

open var font: String

open var fontKerning: CanvasFontKerning

open var fontStretch: CanvasFontStretch

fontVariantCaps

open var fontVariantCaps: CanvasFontVariantCaps

open var globalAlpha: Double

globalCompositeOperation

open var globalCompositeOperation: GlobalCompositeOperation

imageSmoothingEnabled

open var imageSmoothingEnabled: Boolean

imageSmoothingQuality

open var imageSmoothingQuality: ImageSmoothingQuality

open var letterSpacing: String

open var lineCap: CanvasLineCap

open var lineDashOffset: Double

open var lineJoin: CanvasLineJoin

open var lineWidth: Double

open var miterLimit: Double

open var shadowBlur: Double

open var shadowColor: String

open var shadowOffsetX: Double

open var shadowOffsetY: Double

open var strokeStyle: JsAny

open var textAlign: CanvasTextAlign

open var textBaseline: CanvasTextBaseline

open var textRendering: CanvasTextRendering

open var wordSpacing: String

Functions

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

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

open fun beginPath()

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

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

open fun clip(fillRule: CanvasFillRule = definedExternally)

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

open fun closePath()

createConicGradient

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

createImageData

open fun createImageData(imageData: ImageData): ImageData

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

createLinearGradient

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

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

createRadialGradient

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

drawFocusIfNeeded

open fun drawFocusIfNeeded(element: Element)

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

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

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

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

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

open fun fill(fillRule: CanvasFillRule = definedExternally)

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

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

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

getContextAttributes

open fun getContextAttributes(): CanvasRenderingContext2DSettings

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

open fun getLineDash(): ReadonlyArray<JsDouble>

open fun getTransform(): DOMMatrix

open fun isContextLost(): Boolean

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

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

isPointInStroke

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

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

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

open fun measureText(text: String): TextMetrics

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

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

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

quadraticCurveTo

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

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

open fun reset()

open fun resetTransform()

open fun restore()

open fun rotate(angle: Double)

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

open fun save()

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

open fun setLineDash(segments: ReadonlyArray<JsDouble>)

open fun setTransform(transform: DOMMatrixReadOnly = definedExternally)

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

open fun stroke()

open fun stroke(path: Path2D)

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

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

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

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