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.

MDN Reference

Types

Companion

object Companion

Properties

canvas

val canvas: HTMLCanvasElement

The CanvasRenderingContext2D.canvas property, part of the Canvas API, is a read-only reference to the might be null if there is no associated canvas element.

direction

abstract var direction: CanvasDirection

MDN Reference

fillStyle

abstract var fillStyle: JsAny

MDN Reference

filter

abstract var filter: String

MDN Reference

font

abstract var font: String

MDN Reference

fontKerning

abstract var fontKerning: CanvasFontKerning

MDN Reference

fontStretch

abstract var fontStretch: CanvasFontStretch

MDN Reference

fontVariantCaps

abstract var fontVariantCaps: CanvasFontVariantCaps

MDN Reference

globalAlpha

abstract var globalAlpha: Double

MDN Reference

globalCompositeOperation

abstract var globalCompositeOperation: GlobalCompositeOperation

MDN Reference

imageSmoothingEnabled

abstract var imageSmoothingEnabled: Boolean

MDN Reference

imageSmoothingQuality

abstract var imageSmoothingQuality: ImageSmoothingQuality

MDN Reference

letterSpacing

abstract var letterSpacing: String

MDN Reference

lineCap

abstract var lineCap: CanvasLineCap

MDN Reference

lineDashOffset

abstract var lineDashOffset: Double

MDN Reference

lineJoin

abstract var lineJoin: CanvasLineJoin

MDN Reference

lineWidth

abstract var lineWidth: Double

MDN Reference

miterLimit

abstract var miterLimit: Double

MDN Reference

shadowBlur

abstract var shadowBlur: Double

MDN Reference

shadowColor

abstract var shadowColor: String

MDN Reference

shadowOffsetX

abstract var shadowOffsetX: Double

MDN Reference

shadowOffsetY

abstract var shadowOffsetY: Double

MDN Reference

strokeStyle

abstract var strokeStyle: JsAny

MDN Reference

textAlign

abstract var textAlign: CanvasTextAlign

MDN Reference

textBaseline

abstract var textBaseline: CanvasTextBaseline

MDN Reference

textRendering

abstract var textRendering: CanvasTextRendering

MDN Reference

wordSpacing

abstract var wordSpacing: String

MDN Reference

Functions

arc

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

MDN Reference

arcTo

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

MDN Reference

beginPath

abstract fun beginPath()

MDN Reference

bezierCurveTo

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

MDN Reference

clearRect

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

MDN Reference

clip

abstract fun clip(fillRule: CanvasFillRule = definedExternally)

MDN Reference

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

closePath

open fun closePath()

MDN Reference

createConicGradient

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

MDN Reference

createImageData

abstract fun createImageData(imageData: ImageData): ImageData

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

MDN Reference

createLinearGradient

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

MDN Reference

createPattern

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

MDN Reference

createRadialGradient

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

MDN Reference

drawFocusIfNeeded

abstract fun drawFocusIfNeeded(element: Element)

MDN Reference

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

drawImage

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

MDN Reference

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

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

ellipse

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

MDN Reference

fill