Image

JS
1.1
open class Image : HTMLImageElement

Exposes the JavaScript Image to Kotlin

Constructors

JS
1.1

<init>

Exposes the JavaScript Image to Kotlin

Image(
    width: Int = definedExternally,
    height: Int = definedExternally)

Properties

JS
1.1

assignedSlot

open val assignedSlot: HTMLSlotElement?
JS
1.1

childElementCount

open val childElementCount: Int
JS
1.1

children

open val children: HTMLCollection
JS
1.1

contentEditable

open var contentEditable: String
JS
1.1

firstElementChild

open val firstElementChild: Element?
JS
1.1

isContentEditable

open val isContentEditable: Boolean
JS
1.1

lastElementChild

open val lastElementChild: Element?
JS
1.1

nextElementSibling

open val nextElementSibling: Element?
JS
1.1

onabort

open var onabort: (Event) -> dynamic
JS
1.1

onblur

open var onblur: (FocusEvent) -> dynamic
JS
1.1

oncancel

open var oncancel: (Event) -> dynamic
JS
1.1

oncanplay

open var oncanplay: (Event) -> dynamic
JS
1.1

oncanplaythrough

open var oncanplaythrough: (Event) -> dynamic
JS
1.1

onchange

open var onchange: (Event) -> dynamic
JS
1.1

onclick

open var onclick: (MouseEvent) -> dynamic
JS
1.1

onclose

open var onclose: (Event) -> dynamic
JS
1.1

oncontextmenu

open var oncontextmenu: (MouseEvent) -> dynamic
JS
1.1

oncopy

open var oncopy: (ClipboardEvent) -> dynamic
JS
1.1

oncuechange

open var oncuechange: (Event) -> dynamic
JS
1.1

oncut

open var oncut: (ClipboardEvent) -> dynamic
JS
1.1

ondblclick

open var ondblclick: (MouseEvent) -> dynamic
JS
1.1

ondrag

open var ondrag: (DragEvent) -> dynamic
JS
1.1

ondragend

open var ondragend: (DragEvent) -> dynamic
JS
1.1

ondragenter

open var ondragenter: (DragEvent) -> dynamic
JS
1.1

ondragexit

open var ondragexit: (DragEvent) -> dynamic
JS
1.1

ondragleave

open var ondragleave: (DragEvent) -> dynamic
JS
1.1

ondragover

open var ondragover: (DragEvent) -> dynamic
JS
1.1

ondragstart

open var ondragstart: (DragEvent) -> dynamic
JS
1.1

ondrop

open var ondrop: (DragEvent) -> dynamic
JS
1.1

ondurationchange

open var ondurationchange: (Event) -> dynamic
JS
1.1

onemptied

open var onemptied: (Event) -> dynamic
JS
1.1

onended

open var onended: (Event) -> dynamic
JS
1.1

onerror

open var onerror: (dynamic, String, Int, Int, Any?) -> dynamic
JS
1.1

onfocus

open var onfocus: (FocusEvent) -> dynamic
JS
1.1

ongotpointercapture

open var ongotpointercapture: (PointerEvent) -> dynamic
JS
1.1

oninput

open var oninput: (InputEvent) -> dynamic
JS
1.1

oninvalid

open var oninvalid: (Event) -> dynamic
JS
1.1

onkeydown

open var onkeydown: (KeyboardEvent) -> dynamic
JS
1.1

onkeypress

open var onkeypress: (KeyboardEvent) -> dynamic
JS
1.1

onkeyup

open var onkeyup: (KeyboardEvent) -> dynamic
JS
1.1

onload

open var onload: (Event) -> dynamic
JS
1.1

onloadeddata

open var onloadeddata: (Event) -> dynamic
JS
1.1

onloadedmetadata

open var onloadedmetadata: (Event) -> dynamic
JS
1.1

onloadend

open var onloadend: (Event) -> dynamic
JS
1.1

onloadstart

open var onloadstart: (ProgressEvent) -> dynamic
JS
1.1

onlostpointercapture

open var onlostpointercapture: (PointerEvent) -> dynamic
JS
1.1

onmousedown

open var onmousedown: (MouseEvent) -> dynamic
JS
1.1

onmouseenter

open var onmouseenter: (MouseEvent) -> dynamic
JS
1.1

onmouseleave

open var onmouseleave: (MouseEvent) -> dynamic
JS
1.1

onmousemove

open var onmousemove: (MouseEvent) -> dynamic
JS
1.1

onmouseout

open var onmouseout: (MouseEvent) -> dynamic
JS
1.1

onmouseover

open var onmouseover: (MouseEvent) -> dynamic
JS
1.1

onmouseup

open var onmouseup: (MouseEvent) -> dynamic
JS
1.1

onpaste

open var onpaste: (ClipboardEvent) -> dynamic
JS
1.1

onpause

open var onpause: (Event) -> dynamic
JS
1.1

onplay

open var onplay: (Event) -> dynamic
JS
1.1

onplaying

open var onplaying: (Event) -> dynamic
JS
1.1

onpointercancel

open var onpointercancel: (PointerEvent) -> dynamic
JS
1.1

onpointerdown

open var onpointerdown: (PointerEvent) -> dynamic
JS
1.1

onpointerenter

open var onpointerenter: (PointerEvent) -> dynamic
JS
1.1

onpointerleave

open var onpointerleave: (PointerEvent) -> dynamic
JS
1.1

onpointermove

open var onpointermove: (PointerEvent) -> dynamic
JS
1.1

onpointerout

open var onpointerout: (PointerEvent) -> dynamic
JS
1.1

onpointerover

open var onpointerover: (PointerEvent) -> dynamic
JS
1.1

onpointerup

open var onpointerup: (PointerEvent) -> dynamic
JS
1.1

onprogress

open var onprogress: (ProgressEvent) -> dynamic
JS
1.1

onratechange

open var onratechange: (Event) -> dynamic
JS
1.1

onreset

open var onreset: (Event) -> dynamic
JS
1.1

onresize

open var onresize: (Event) -> dynamic
JS
1.1

onscroll

open var onscroll: (Event) -> dynamic
JS
1.1

onseeked

open var onseeked: (Event) -> dynamic
JS
1.1

onseeking

open var onseeking: (Event) -> dynamic
JS
1.1

onselect

open var onselect: (Event) -> dynamic
JS
1.1

onshow

open var onshow: (Event) -> dynamic
JS
1.1

onstalled

open var onstalled: (Event) -> dynamic
JS
1.1

onsubmit

open var onsubmit: (Event) -> dynamic
JS
1.1

onsuspend

open var onsuspend: (Event) -> dynamic
JS
1.1

ontimeupdate

open var ontimeupdate: (Event) -> dynamic
JS
1.1

ontoggle

open var ontoggle: (Event) -> dynamic
JS
1.1

onvolumechange

open var onvolumechange: (Event) -> dynamic
JS
1.1

onwaiting

open var onwaiting: (Event) -> dynamic
JS
1.1

onwheel

open var onwheel: (WheelEvent) -> dynamic
JS
1.1

previousElementSibling

open val previousElementSibling: Element?
JS
1.1

style

open val style: CSSStyleDeclaration

Functions

JS
1.1

after

open fun after(vararg nodes: dynamic)
JS
1.1

append

open fun append(vararg nodes: dynamic)
JS
1.1

before

open fun before(vararg nodes: dynamic)
JS
1.1

convertPointFromNode

open fun convertPointFromNode(
    point: DOMPointInit,
    from: dynamic,
    options: ConvertCoordinateOptions
): DOMPoint
JS
1.1

convertQuadFromNode

open fun convertQuadFromNode(
    quad: dynamic,
    from: dynamic,
    options: ConvertCoordinateOptions
): DOMQuad
JS
1.1

convertRectFromNode

open fun convertRectFromNode(
    rect: DOMRectReadOnly,
    from: dynamic,
    options: ConvertCoordinateOptions
): DOMQuad
JS
1.1

getBoxQuads

open fun getBoxQuads(options: BoxQuadOptions): Array<DOMQuad>
JS
1.1

prepend

open fun prepend(vararg nodes: dynamic)
JS
1.1

querySelector

open fun querySelector(selectors: String): Element?
JS
1.1

querySelectorAll

open fun querySelectorAll(selectors: String): NodeList
JS
1.1

remove

open fun remove()
JS
1.1

replaceWith

open fun replaceWith(vararg nodes: dynamic)

Extension Properties

JS
1.1

isElement

Gets a value indicating whether this node is an Element.

val Node.isElement: Boolean
JS
1.1

isText

Gets a value indicating whether this node is a TEXT_NODE or a CDATA_SECTION_NODE.

val Node.isText: Boolean

Extension Functions

JS
1.1

addClass

Adds CSS class to element. Has no effect if all specified classes are already in class attribute of the element

fun Element.addClass(vararg cssClasses: String): Boolean
JS
1.1

appendElement

Appends a newly created element with the specified name to this element.

fun Element.appendElement(
    name: String,
    init: Element.() -> Unit
): Element
JS
1.1

appendText

Creates text node and append it to the element.

fun Element.appendText(text: String): Element
JS
1.1

clear

Removes all the children from this node.

fun Node.clear()
JS
1.1

hasClass

Returns true if the element has the given CSS class style in its 'class' attribute

fun Element.hasClass(cssClass: String): Boolean
JS
1.1

removeClass

Removes all cssClasses from element. Has no effect if all specified classes are missing in class attribute of the element

fun Element.removeClass(vararg cssClasses: String): Boolean