继承

• Object
• EventTarget
• Node
• Element
• HtmlElement
• CanvasElement

实现类型

• CanvasImageSource

注解

• @Native("HTMLCanvasElement")

构造函数

CanvasElement({int? width, int? height})

工厂

CanvasElement.created()

当自定义元素被创建时，由 DOM 实例化的构造函数。

属性

accessibleNode → AccessibleNode?

无设置器继承

assignedSlot → SlotElement?

无设置器继承

attributes ↔ Map<String, String>

此元素上的所有属性。

获取器/设置器对继承

baseUri → String?

无设置器继承

borderEdge → CssRect

访问此元素的内容 + 内边距 + 边框框的尺寸和位置。

无设置器继承

childNodes → List<Node>

此节点的子节点列表。

无设置器继承

children ↔ List<Element>

此元素的直接子节点列表。

获取器/设置器对继承

classes ↔ CssClassSet

应用于此元素的 CSS 类集合。

获取器/设置器对继承

className ↔ String

获取器/设置器对继承

client → Rectangle<num>

获取此元素相对于页面客户端区域的定位。

无设置器继承

clientHeight → int

无设置器继承

clientLeft → int?

无设置器继承

clientTop → int?

无设置器继承

clientWidth → int

无设置器继承

computedName → String?

无设置器继承

computedRole → String?

无设置器继承

contentEdge → CssRect

访问此元素的内容位置。

无设置器继承

contentEditable ↔ String

获取器/设置器对继承

context2D → CanvasRenderingContext2D

在此画布上绘图的API。

无setter

dataset ↔ Map<String, String>

允许访问在此元素上设置的 所有自定义数据属性（data-*）。

获取器/设置器对继承

dir ↔ String?

获取器/设置器对继承

documentOffset → Point<num>

提供元素相对于文档顶部的坐标。

无设置器继承

draggable ↔ bool

指示元素是否可以拖放。

获取器/设置器对继承

firstChild → Node?

此节点的第一个子节点。

无设置器继承

hashCode → int

此对象的哈希码。

无设置器继承

height ↔ int?

此画布元素在CSS像素中的高度。

getter/setter对

hidden ↔ bool

指示元素是否与页面当前状态不相关。

获取器/设置器对继承

id ↔ String

获取器/设置器对继承

inert ↔ bool?

获取器/设置器对继承

innerHtml ↔ String?

解析HTML片段并将其设置为该元素的内部内容。

获取器/设置器对继承

innerText ↔ String

获取器/设置器对继承

inputMode ↔ String?

获取器/设置器对继承

isConnected → bool?

无设置器继承

isContentEditable → bool?

无设置器继承

lang ↔ String?

获取器/设置器对继承

lastChild → Node?

此节点的最后一个子节点。

无设置器继承

localName → String

无设置器继承

marginEdge → CssRect

访问此元素的内容+填充+边框+边距框的尺寸和位置。

无设置器继承

namespaceUri → String?

一个URI，用于标识此元素的XML命名空间。

无设置器继承

nextElementSibling → Element?

无设置器继承

nextNode → Node?

下一个兄弟节点。

无设置器继承

nodeName → String?

此节点的名称。

无设置器继承

nodes ↔ List<Node>

此节点子节点的可修改列表。

获取器/设置器对继承

nodeType → int

节点的类型。

无设置器继承

nodeValue → String?

此节点的值。

无设置器继承

nonce ↔ String?

获取器/设置器对继承

offset → Rectangle<num>

获取此元素相对于其偏移父元素的偏移量。

无设置器继承

offsetHeight → int

无设置器继承

offsetLeft → int

无设置器继承

offsetParent → Element?

无设置器继承

offsetTop → int

无设置器继承

offsetWidth → int

无设置器继承

on → ElementEvents

这是一个用于事件流的便捷访问器，仅在显式访问器不可用时使用。

无设置器继承

onAbort → ElementStream<Event>

此Element处理的abort事件流。

无设置器继承

onBeforeCopy → ElementStream<Event>

此Element处理的beforecopy事件流。

无设置器继承

onBeforeCut → ElementStream<Event>

此Element处理的beforecut事件流。

无设置器继承

onBeforePaste → ElementStream<Event>

此Element处理的beforepaste事件流。

无设置器继承

onBlur → ElementStream<Event>

此Element处理的blur事件流。

无设置器继承

onCanPlay → ElementStream<Event>

无设置器继承

onCanPlayThrough → ElementStream<Event>

无设置器继承

onChange → ElementStream<Event>

由本 Element 处理的 change 事件流。

无设置器继承

onClick → ElementStream<MouseEvent>

由本 Element 处理的 click 事件流。

无设置器继承

onContextMenu → ElementStream<MouseEvent>

由本 Element 处理的 contextmenu 事件流。

无设置器继承

onCopy → ElementStream<ClipboardEvent>

由本 Element 处理的 copy 事件流。

无设置器继承

onCut → ElementStream<ClipboardEvent>

由本 Element 处理的 cut 事件流。

无设置器继承

onDoubleClick → ElementStream<Event>

由本 Element 处理的 doubleclick 事件流。

无设置器继承

onDrag → ElementStream<MouseEvent>

当此元素当前正在拖动时，引发的 drag 事件流。

无设置器继承

onDragEnd → ElementStream<MouseEvent>

当此元素完成拖动操作时，引发的 dragend 事件流。

无设置器继承

onDragEnter → ElementStream<MouseEvent>

当拖动的对象第一次被拖到本元素上时，引发的 dragenter 事件流。

无设置器继承

onDragLeave → ElementStream<MouseEvent>

当正在拖动的对象离开此元素的目标区域时，引发的 dragleave 事件流。

无设置器继承

onDragOver → ElementStream<MouseEvent>

当拖动的对象当前正在被拖到本元素上时，引发的 dragover 事件流。

无设置器继承

onDragStart → ElementStream<MouseEvent>

当此元素开始被拖动时，引发的 dragstart 事件流。

无设置器继承

onDrop → ElementStream<MouseEvent>

当拖动对象被释放到该元素上时，触发 drop 事件的流。

无设置器继承

onDurationChange → ElementStream<Event>

无设置器继承

onEmptied → ElementStream<Event>

无设置器继承

onEnded → ElementStream<Event>

无设置器继承

onError → ElementStream<Event>

由该 Element 处理的 error 事件流。

无设置器继承

onFocus → ElementStream<Event>

由该 Element 处理的 focus 事件流。

无设置器继承

onFullscreenChange → ElementStream<Event>

由该 Element 处理的 fullscreenchange 事件流。

无设置器继承

onFullscreenError → ElementStream<Event>

由该 Element 处理的 fullscreenerror 事件流。

无设置器继承

onInput → ElementStream<Event>

由该 Element 处理的 input 事件流。

无设置器继承

onInvalid → ElementStream<Event>

由该 Element 处理的 invalid 事件流。

无设置器继承

onKeyDown → ElementStream<KeyboardEvent>

由该 Element 处理的 keydown 事件流。

无设置器继承

onKeyPress → ElementStream<KeyboardEvent>

由该 Element 处理的 keypress 事件流。

无设置器继承

onKeyUp → ElementStream<KeyboardEvent>

由该 Element 处理的 keyup 事件流。

无设置器继承

onLoad → ElementStream<Event>

由该元素处理的 load 事件流。

无设置器继承

onLoadedData → ElementStream<Event>

无设置器继承

onLoadedMetadata → ElementStream<Event>

无设置器继承

onMouseDown → ElementStream<MouseEvent>

由该元素处理的 mousedown 事件流。

无设置器继承

onMouseEnter → ElementStream<MouseEvent>

由该元素处理的 mouseenter 事件流。

无设置器继承

onMouseLeave → ElementStream<MouseEvent>

由该元素处理的 mouseleave 事件流。

无设置器继承

onMouseMove → ElementStream<MouseEvent>

由该元素处理的 mousemove 事件流。

无设置器继承

onMouseOut → ElementStream<MouseEvent>

由该元素处理的 mouseout 事件流。

无设置器继承

onMouseOver → ElementStream<MouseEvent>

由该元素处理的 mouseover 事件流。

无设置器继承

onMouseUp → ElementStream<MouseEvent>

由该元素处理的 mouseup 事件流。

无设置器继承

onMouseWheel → ElementStream<WheelEvent>

由该元素处理的 mousewheel 事件流。

无设置器继承

onPaste → ElementStream<ClipboardEvent>

由该元素处理的 paste 事件流。

无设置器继承

onPause → ElementStream<Event>

无设置器继承

onPlay → ElementStream<Event>

无设置器继承

onPlaying → ElementStream<Event>

无设置器继承

onRateChange → ElementStream<Event>

无设置器继承

onReset → ElementStream<Event>

此Element处理的 reset 事件流。

无设置器继承

onResize → ElementStream<Event>

无设置器继承

onScroll → ElementStream<Event>

此Element处理的 scroll 事件流。

无设置器继承

onSearch → ElementStream<Event>

此Element处理的 search 事件流。

无设置器继承

onSeeked → ElementStream<Event>

无设置器继承

onSeeking → ElementStream<Event>

无设置器继承

onSelect → ElementStream<Event>

此Element处理的 select 事件流。

无设置器继承

onSelectStart → ElementStream<Event>

此Element处理的 selectstart 事件流。

无设置器继承

onStalled → ElementStream<Event>

无设置器继承

onSubmit → ElementStream<Event>

此Element处理的 submit 事件流。

无设置器继承

onSuspend → ElementStream<Event>

无设置器继承

onTimeUpdate → ElementStream<Event>

无设置器继承

onTouchCancel → ElementStream<TouchEvent>

此Element处理的 touchcancel 事件流。

无设置器继承

onTouchEnd → ElementStream<TouchEvent>

此Element处理的 touchend 事件流。

无设置器继承

onTouchEnter → ElementStream<TouchEvent>

此Element处理的 touchenter 事件流。

无设置器继承

onTouchLeave → ElementStream<TouchEvent>

此Element处理的 touchleave 事件流。

无设置器继承

onTouchMove → ElementStream<TouchEvent>

此Element处理的 touchmove 事件流。

无设置器继承

onTouchStart → ElementStream<TouchEvent>

此Element处理的 touchstart 事件流。

无设置器继承

onTransitionEnd → ElementStream<TransitionEvent>

此Element处理的 transitionend 事件流。

无设置器继承

onVolumeChange → ElementStream<Event>

无设置器继承

onWaiting → ElementStream<Event>

无设置器继承

onWebGlContextLost → ElementStream<ContextEvent>

此CanvasElement处理的 webglcontextlost 事件流。

无setter

onWebGlContextRestored → ElementStream<ContextEvent>

此CanvasElement处理的 webglcontextrestored 事件流。

无setter

onWheel → ElementStream<WheelEvent>

无设置器继承

outerHtml → String?

无设置器继承

ownerDocument → Document?

此节点所属的文档。

无设置器继承

paddingEdge → CssRect

访问此元素内容 + 内边距框的尺寸和位置。

无设置器继承

parent → Element?

此节点的父元素。

无设置器继承

parentNode → Node?

此节点的父节点。

无设置器继承

previousElementSibling → Element?

无设置器继承

previousNode → Node?

前一个兄弟节点。

无设置器继承

runtimeType → Type

表示对象的运行时类型。

无设置器继承

scrollHeight → int

无设置器继承

scrollLeft ↔ int

获取器/设置器对继承

scrollTop ↔ int

获取器/设置器对继承

scrollWidth → int

无设置器继承

shadowRoot → ShadowRoot?

此阴影宿主的原生阴影。

无设置器继承

slot ↔ String?

获取器/设置器对继承

spellcheck ↔ bool?

获取器/设置器对继承

style → CssStyleDeclaration

无设置器继承

styleMap → StylePropertyMap?

无设置器继承

tabIndex ↔ int?

获取器/设置器对继承

tagName → String

无设置器继承

text ↔ String?

此节点及其后代中的所有文本。

获取器/设置器对继承

title ↔ String?

获取器/设置器对继承

translate ↔ bool?

指定当页面本地化时，此元素文本内容是否更改。

获取器/设置器对继承

width ↔ int?

此画布元素在CSS像素中的宽度。

getter/setter对

方法

addEventListener(String type, EventListener? listener, [bool? useCapture]) → void

继承

after(Object nodes) → void

继承

animate(Iterable<Map<String, dynamic>> frames, [dynamic timing]) → Animation

创建一个新的AnimationEffect对象，其目标元素是调用此方法的对象，并调用文档时间轴的AnimationTimeline对象的play()方法，将新创建的AnimationEffect作为方法的参数。返回效果对应的Animation。

继承

append(Node node) → Node

将节点添加到此节点的子节点列表的末尾。

继承

appendHtml(String text, {NodeValidator? validator, NodeTreeSanitizer? treeSanitizer}) → void

将指定文本解析为HTML，并将其添加到该元素的最后一个子元素之后。

继承

appendText(String text) → void

将指定文本添加到此元素的最后一个子元素之后。

继承

attached() → void

当此元素被插入到活文档中时，由DOM调用。

继承

attachShadow(Map shadowRootInitDict) → ShadowRoot

继承

attributeChanged(String name, String oldValue, String newValue) → void

每当此元素上的属性发生变化时，由DOM调用。

继承

before(Object nodes) → void

继承

blur() → void

继承

captureStream([num? frameRate]) → MediaStream

click() → void

继承

clone(bool? deep) → Node

返回此节点的副本。

继承

closest(String selectors) → Element?

继承

contains(Node? other) → bool

如果此节点包含指定的节点，则返回 true。

继承

createFragment(String? html, {NodeValidator? validator, NodeTreeSanitizer? treeSanitizer}) → DocumentFragment

从 HTML 片段创建一个 DocumentFragment，并确保它遵循由 validator 或 treeSanitizer 指定的清理规则。

继承

createShadowRoot() → ShadowRoot

为此阴影宿主创建一个新的阴影根。

继承

detached() → void

当此元素从活动文档中移除时，DOM 会调用此方法。

继承

dispatchEvent(Event event) → bool

继承

enteredView() → void

已弃用：请改用 attached。

继承

focus() → void

继承

getAnimations() → List<Animation>

继承

getAttribute(String name) → String?

继承

getAttributeNames() → List<String>

继承

getAttributeNS(String? namespaceURI, String name) → String?

继承

getBoundingClientRect() → Rectangle<num>

返回包含此元素填充、滚动条和边框的最小边界矩形。

继承

getClientRects() → List<Rectangle<num>>

继承

getComputedStyle([String? pseudoElement]) → CssStyleDeclaration

包含应用于此元素的CSS值集合，包括继承和默认值。

继承

getContext(String contextId, [Map? attributes]) → Object?

getContext3d({dynamic alpha = true, dynamic depth = true, dynamic stencil = false, dynamic antialias = true, dynamic premultipliedAlpha = true, dynamic preserveDrawingBuffer = false}) → RenderingContext?

为这个画布返回一个新的Web GL上下文。

getDestinationInsertionPoints() → List<Node>

返回一个列表，其中包含将此元素分发的阴影DOM插入点。

继承

getElementsByClassName(String classNames) → List<Node>

返回一个包含指定类名节点列表。

继承

getNamespacedAttributes(String namespace) → Map<String, String>

获取用于操作特定命名空间属性的映射。

继承

getRootNode([Map? options]) → Node

继承

hasAttribute(String name) → bool

继承

hasAttributeNS(String? namespaceURI, String name) → bool

继承

hasChildNodes() → bool

如果此节点有任何子节点，则返回true。

继承

hasPointerCapture(int pointerId) → bool

继承

insertAdjacentElement(String where, Element element) → Element

在指定位置将element插入到DOM中。

继承

insertAdjacentHtml(String where, String html, {NodeValidator? validator, NodeTreeSanitizer? treeSanitizer}) → void

将文本解析为HTML片段，并将其插入到DOM中指定的位置。

继承

insertAdjacentText(String where, String text) → void

将文本插入到DOM中指定的位置。

继承

insertAllBefore(Iterable<Node> newNodes, Node child) → void

将所有节点直接插入到当前节点在子节点中child之前。

继承

insertBefore(Node node, Node? child) → Node

将给定的节点插入到当前节点中，在子节点child之前。如果child为null，则将给定的节点插入到当前节点子节点列表的末尾。

继承

leftView() → void

已弃用：请使用 detached 代替。

继承

matches(String selectors) → bool

检查此元素是否匹配CSS选择器。

继承

matchesWithAncestors(String selectors) → bool

检查此元素或其任何父元素是否匹配CSS选择器。

继承

noSuchMethod(Invocation invocation) → dynamic

当访问不存在的方法或属性时被调用。

继承

offsetTo(Element parent) → Point<num>

提供此元素相对于指定 parent 的 borderEdge 偏移量。

继承

querySelector(String selectors) → Element?

查找匹配指定选择器组的此元素的第一个后代元素。

继承

querySelectorAll<T extends Element>(String selectors) → ElementList<T>

查找匹配指定选择器组的此元素的所有后代元素。

继承

releasePointerCapture(int pointerId) → void

继承

remove() → void

从 DOM 中移除此节点。

继承

removeAttribute(String name) → void

继承

removeAttributeNS(String? namespaceURI, String name) → void

继承

removeEventListener(String type, EventListener? listener, [bool? useCapture]) → void

继承

replaceWith(Node otherNode) → Node

用另一个节点替换此节点。

继承

requestFullscreen([Map? options]) → Future<void>

全屏显示此元素。

继承

requestPointerLock() → void

继承

scroll([dynamic options_OR_x, num? y]) → void

继承

scrollBy([dynamic options_OR_x, num? y]) → void

继承

scrollIntoView([ScrollAlignment? alignment]) → void

将此元素滚动到视图中。

继承

scrollIntoViewIfNeeded([bool? centerIfNeeded]) → void

这是 scrollIntoView 的非标准版本，如果当前元素不在浏览器窗口的可见区域内，则将其滚动到可见区域内。如果元素已经位于浏览器窗口的可见区域内，则不会发生滚动。

继承

scrollTo([dynamic options_OR_x, num? y]) → void

继承

setApplyScroll(String nativeScrollBehavior) → Future<ScrollState>

继承

setAttribute(String name, Object value) → void

继承

setAttributeNS(String? namespaceURI, String name, Object value) → void

继承

setDistributeScroll(String nativeScrollBehavior) → Future<ScrollState>

继承

setInnerHtml(String? html, {NodeValidator? validator, NodeTreeSanitizer? treeSanitizer}) → void

解析HTML片段并将其设置为该元素的正文。这确保生成的内容遵循由验证器或treeSanitizer指定的清理规则。

继承

setPointerCapture(int pointerId) → void

继承

toBlob([String? type, Object? arguments]) → Future<Blob>

toDataUrl([String type = 'image/png', num? quality]) → String

返回一个包含图像表示的数据URI，其格式由type指定（默认为'image/png'）。

toString() → String

该元素的字符串表示形式。

继承

transferControlToOffscreen() → OffscreenCanvas

运算符

operator ==(Object other) → bool

等于运算符。

继承

常量

webGlContextLostEvent → const EventStreamProvider<ContextEvent>

静态工厂，用于将webglcontextlost事件暴露给不是CanvasElement实例的事件处理器。

webGlContextRestoredEvent → const EventStreamProvider<ContextEvent>

静态工厂，用于将webglcontextrestored事件暴露给不是CanvasElement实例的事件处理器。