继承关系

• 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>

此元素上的所有属性。

getter/setter 对继承

baseUri → String?

无设置器继承

borderEdge → CssRect

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

无设置器继承

childNodes → List<Node>

此节点的子列表。

无设置器继承

children ↔ List<Element>

此元素的直接子列表。

getter/setter 对继承

classes ↔ CssClassSet

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

getter/setter 对继承

className ↔ String

getter/setter 对继承

client → Rectangle<num>

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

无设置器继承

clientHeight → int

无设置器继承

clientLeft → int?

无设置器继承

clientTop → int?

无设置器继承

clientWidth → int

无设置器继承

computedName → String?

无设置器继承

computedRole → String?

无设置器继承

contentEdge → CssRect

访问此元素的内容位置。

无设置器继承

contentEditable ↔ String

getter/setter 对继承

context2D → CanvasRenderingContext2D

提供在该画布上绘制API。

没有设置器

dataset ↔ Map<String, String>

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

getter/setter 对继承

dir ↔ String?

getter/setter 对继承

documentOffset → Point<num>

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

无设置器继承

draggable ↔ bool

指示元素是否可以被拖放和放下。

getter/setter 对继承

firstChild → Node?

该节点的第一个子节点。

无设置器继承

hashCode → int

对象的哈希码。

无设置器继承

height ↔ int?

该画布元素的高度为CSS像素。

getter/setter 对

hidden ↔ bool

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

getter/setter 对继承

id ↔ String

getter/setter 对继承

inert ↔ bool?

getter/setter 对继承

innerHtml ↔ String?

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

getter/setter 对继承

innerText ↔ String

getter/setter 对继承

inputMode ↔ String?

getter/setter 对继承

isConnected → bool?

无设置器继承

isContentEditable → bool?

无设置器继承

lang ↔ String?

getter/setter 对继承

lastChild → Node?

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

无设置器继承

localName → String

无设置器继承

marginEdge → CssRect

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

无设置器继承

namespaceUri → String?

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

无设置器继承

nextElementSibling → Element?

无设置器继承

nextNode → Node?

下一个同级节点。

无设置器继承

nodeName → String?

该节点的名称。

无设置器继承

nodes ↔ List<Node>

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

getter/setter 对继承

nodeType → int

节点的类型。

无设置器继承

nodeValue → String?

该节点的值。

无设置器继承

nonce ↔ String?

getter/setter 对继承

offset → Rectangle<num>

获取此元素与其offsetParent之间的偏移量。

无设置器继承

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处理的错误事件的流。

无设置器继承

onFocus → ElementStream<Event>

此Element处理的:focus事件的流。

无设置器继承

onFullscreenChange → ElementStream<Event>

此Element处理的:fullscreenchange事件的流。

无设置器继承

onFullscreenError → ElementStream<Event>

此Element处理的:fullscreenerror事件的流。

无设置器继承

onInput → ElementStream<Event>

此Element处理的事件的流。

无设置器继承

onInvalid → ElementStream<Event>

此Element处理的invalid事件的流。

无设置器继承

onKeyDown → ElementStream<KeyboardEvent>

此Element处理的keydown事件的流。

无设置器继承

onKeyPress → ElementStream<KeyboardEvent>

此Element处理的keypress事件的流。

无设置器继承

onKeyUp → ElementStream<KeyboardEvent>

此Element处理的keyup事件的流。

无设置器继承

onLoad → ElementStream<Event>

此Element处理的load事件的流。

无设置器继承

onLoadedData → ElementStream<Event>

无设置器继承

onLoadedMetadata → ElementStream<Event>

无设置器继承

onMouseDown → ElementStream<MouseEvent>

此Element处理的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>

由本元素处理的reset事件流。

无设置器继承

onResize → ElementStream<Event>

无设置器继承

onScroll → ElementStream<Event>

由本元素处理的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>

由本元素处理的 transitionend 事件流。

无设置器继承

onVolumeChange → ElementStream<Event>

无设置器继承

onWaiting → ElementStream<Event>

无设置器继承

onWebGlContextLost → ElementStream<ContextEvent>

由本CanvasElement处理的 webglcontextlost 事件流。

没有设置器

onWebGlContextRestored → ElementStream<ContextEvent>

由本CanvasElement处理的 webglcontextrestored 事件流。

没有设置器

onWheel → ElementStream<WheelEvent>

无设置器继承

outerHtml → String?

无设置器继承

ownerDocument → Document?

该节点所属的文档。

无设置器继承

paddingEdge → CssRect

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

无设置器继承

parent → Element?

该节点的父元素。

无设置器继承

parentNode → Node?

该节点的父节点。

无设置器继承

previousElementSibling → Element?

无设置器继承

previousNode → Node?

前一个同级节点。

无设置器继承

runtimeType → Type

表示对象运行时类型的表示。

无设置器继承

scrollHeight → int

无设置器继承

scrollLeft ↔ int

getter/setter 对继承

scrollTop ↔ int

getter/setter 对继承

scrollWidth → int

无设置器继承

shadowRoot → ShadowRoot?

此阴影主机的阴影根。

无设置器继承

slot ↔ String?

getter/setter 对继承

spellcheck ↔ bool?

getter/setter 对继承

style → CssStyleDeclaration

无设置器继承

styleMap → StylePropertyMap?

无设置器继承

tabIndex ↔ int?

getter/setter 对继承

tagName → String

无设置器继承

text ↔ String?

本节点及其子节点中的所有文本。

getter/setter 对继承

title ↔ String?

getter/setter 对继承

translate ↔ bool?

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

getter/setter 对继承

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 作为方法的参数。返回效果动画。

继承的

append(Node node) → Node

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

继承的

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

为此shadow host创建一个新的shadow root。

继承的

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?

为该画布返回一个新的 WebGL 上下文。

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?

查找该元素下第一个匹配指定选择器组的子元素。

继承的

querySelectorAllT 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

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

toString() → String

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

继承的

transferControlToOffscreen() → OffscreenCanvas

操作符

operator ==(Object other) → bool

等价操作符。

继承的

常量

webGlContextLostEvent → const EventStreamProvider<ContextEvent>

静态工厂，用于向不是 CanvasElement 实例的事件处理器公开 webglcontextlost 事件。

webGlContextRestoredEvent → const EventStreamProvider<ContextEvent>

静态工厂，用于向不是 CanvasElement 实例的事件处理器公开 webglcontextrestored 事件。