API Docs for: TWaver HTML5 5.7.5
Show:

twaver.canvas.HTMLNodeUI Class

Extends twaver.canvas.NodeUI

HTML节点视图对象

节点对应的视图，是其他网元对象（组、网格、多边形和子网等）的基类，继承于NodeUI，可以呈现HTML元素

Constructor

twaver.canvas.HTMLNodeUI

(
  • network
  • element
)
twaver.canvas.HTMLNodeUI

Parameters:

Returns:

twaver.canvas.HTMLNodeUI:

Item Index

Methods

Methods

twaver.canvas.ElementUI.addAttachment

(
  • attachment
)

Inherited from twaver.canvas.ElementUI:

添加附件，如果showInAttachmentDiv为true，则附件被添加到拓扑的附件层（attachmentDiv），否则附件被添加到网元视图上

Parameters:

twaver.canvas.ElementUI.addBodyBounds

(
  • rect
)

Inherited from twaver.canvas.ElementUI:

添加内容区域，所有内容区域合并后构成unionBodyBounds

Parameters:

  • rect Object

    区域，值为包含x、y、width和height属性的Object对象

twaver.canvas.ElementUI.appendShadowBound

(
  • part
  • rect
)
Object

Inherited from twaver.canvas.ElementUI:

给指定区域添加阴影区域

Parameters:

  • part Object

    要添加阴影的对象

  • rect Object

    区域

Returns:

Object:

添加阴影后的区域

twaver.canvas.ElementUI.checkAlarmAttachment

()

Inherited from twaver.canvas.ElementUI:

检查是否显示告警附件，如果Network#getAlarmLabel(element)返回null或空字符串，则不显示

twaver.canvas.ElementUI.checkAttachments

()

Inherited from twaver.canvas.ElementUI:

检查所有附件是否显示，网元刷新时（validate）被调用，包括告警AlarmAttachment、标签附件LabelAttachement、编辑附件EditAttachment和图标组附件IconsAttachment

twaver.canvas.ElementUI.checkEditAttachment

()

Inherited from twaver.canvas.ElementUI:

检查是否显示编辑附件，如果此网元可选中（Network#isSelected(element)返回true），而且可编辑（Network#isEditable(element)返回true），而且此网元视图可编辑（isEditable()返回true），则显示，否则不显示

twaver.canvas.ElementUI.checkIconsAttachment

()

Inherited from twaver.canvas.ElementUI:

检查是否显示图标组附件，如果Network#getIconsNames(element)返回null或者length为0，则不显示

twaver.canvas.ElementUI.checkLabelAttachment

()

Inherited from twaver.canvas.ElementUI:

检查是否显示标签附件，如果Network#getLabel(element)返回null或空字符串，则不显示

twaver.canvas.ElementUI.clearShadow

(
  • ctx
)

Inherited from twaver.canvas.ElementUI:

清除阴影

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

twaver.canvas.ElementUI.dispose

()

Inherited from twaver.canvas.ElementUI:

销毁当前视图

twaver.canvas.ElementUI.getAlarmAttachment

() twaver.network.AlarmAttachment

Inherited from twaver.canvas.ElementUI:

获取告警附件

Returns:

twaver.network.AlarmAttachment:

返回告警附件

twaver.canvas.ElementUI.getAttachments

() twaver.List

Inherited from twaver.canvas.ElementUI:

获取所有附件集合，包含告警AlarmAttachment、标签附件LabelAttachement、编辑附件EditAttachment和图标组附件IconsAttachment

Returns:

twaver.List:

返回所有附件集合

twaver.canvas.ElementUI.getBodyRect

() Object

Inherited from twaver.canvas.ElementUI:

获得内容区域，默认为createBodyRect返回的结果

Returns:

Object:

返回内容区域，值为包含x、y、width和height属性的Object对象

twaver.canvas.ElementUI.getClassName

() String

Inherited from twaver.canvas.ElementUI:

获取该类字符串类名

Returns:

String:

返回类名

twaver.canvas.ElementUI.getDyeColor

(
  • styleProp
)
String

Inherited from twaver.canvas.ElementUI:

获取指定样式的渲染颜色，如果innerColor不为空则返回innerColor，否则返回指定样式的值

Parameters:

  • styleProp String

    样式属性

Returns:

String:

返回渲染颜色

twaver.canvas.ElementUI.getEditAttachment

() twaver.network.EditAttachment

Inherited from twaver.canvas.ElementUI:

获取编辑附件

Returns:

twaver.network.EditAttachment:

返回编辑附件

twaver.canvas.ElementUI.getElement

() twaver.Element

Inherited from twaver.canvas.ElementUI:

获取和网元视图关联的网元

Returns:

twaver.Element:

返回和网元视图关联的网元

twaver.canvas.ElementUI.getFont

(
  • styleProp
)
String

Inherited from twaver.canvas.ElementUI:

获取给定样式属性的值作为字体，如果指定样式的值是null，则返回twaver.Defaults.FONT

Parameters:

  • styleProp String

    样式属性

Returns:

String:

返回字体

twaver.canvas.ElementUI.getHotSpot

() Object

Inherited from twaver.canvas.ElementUI:

获取热点，用于定位附件等的位置

Returns:

Object:

返回热点，值为包含x和y属性的Object对象

twaver.canvas.ElementUI.getIconsAttachment

() twaver.network.IconsAttachment

Inherited from twaver.canvas.ElementUI:

获取图标组附件

Returns:

twaver.network.IconsAttachment:

返回图标组附件

twaver.canvas.ElementUI.getInnerColor

() String

Inherited from twaver.canvas.ElementUI:

获取网元填充色

Returns:

String:

返回网元填充色

twaver.canvas.ElementUI.getLabelAttachment

() twaver.network.LabelAttachment

Inherited from twaver.canvas.ElementUI:

获取标签附件

Returns:

twaver.network.LabelAttachment:

返回标签附件

twaver.canvas.ElementUI.getNetwork

() twaver.network.Network

Inherited from twaver.canvas.ElementUI:

获取和网元视图关联的拓扑

Returns:

twaver.network.Network:

返回和网元视图关联的拓扑

twaver.canvas.ElementUI.getOuterColor

() String

Inherited from twaver.canvas.ElementUI:

获取网元边框颜色

Returns:

String:

返回网元边框颜色

twaver.canvas.ElementUI.getShadowColor

() String

Inherited from twaver.canvas.ElementUI:

获取网元选中后阴影颜色

Returns:

String:

返回网元选中后阴影颜色

twaver.canvas.ElementUI.getStyle

(
  • styleProp
)
Object

Inherited from twaver.canvas.ElementUI:

获取指定样式属性的值，封装了Element.getStyle

Parameters:

  • styleProp String

    样式属性

Returns:

Object:

返回指定样式属性的值

twaver.canvas.ElementUI.getUnionBodyBounds

() Object

Inherited from twaver.canvas.ElementUI:

获取合并的内容区域

Returns:

Object:

返回合并的内容区域，值为包含x、y、width和height属性的Object对象

twaver.canvas.ElementUI.getViewRect

() Object

Inherited from twaver.canvas.ElementUI:

获取视图内容区域，包括unionBodyBounds和所有附件的区域

Returns:

Object:

返回视图内容区域，值为包含x、y、width和height属性的Object对象

twaver.canvas.ElementUI.handlePropertyChange

(
  • e
)

Inherited from twaver.canvas.ElementUI:

和网元视图关联的网元属性变化时的处理函数，默认实现为调用invalidate方法让网元视图刷新

Parameters:

  • e Object

    属性变化事件，包含property、oldValue和newValue属性

twaver.canvas.ElementUI.handleSelectionChange

(
  • e
)

Inherited from twaver.canvas.ElementUI:

和网元视图关联的网元被选中或取消选中时的处理函数，默认实现为调用invalidate方法让网元视图刷新

Parameters:

  • e Object

    选择变化事件，包含kind和data属性

twaver.canvas.ElementUI.hit

(
  • x
  • y
)
Boolean

Inherited from twaver.canvas.ElementUI:

命中测试，判断网元视图是否包含指定坐标

Parameters:

  • x Number

    x坐标

  • y Number

    y坐标

Returns:

Boolean:

网元视图是否包含指定坐标，则返回true，否者返回false

twaver.canvas.ElementUI.hitCanvasPoint

(
  • x
  • y
)
Boolean

Inherited from twaver.canvas.ElementUI:

网元是否包含指定坐标点

Parameters:

  • x Number

    x坐标

  • y Number

    y坐标

Returns:

Boolean:

返回网元是否包含指定坐标点

twaver.canvas.ElementUI.hitCanvasRect

(
  • r
)
Boolean

Inherited from twaver.canvas.ElementUI:

网元是否包含指定区域

Parameters:

  • r Object

    区域

Returns:

Boolean:

返回网元是否包含指定区域

twaver.canvas.ElementUI.hitCanvasRectAtAttachments

(
  • rect
)
Boolean

Inherited from twaver.canvas.ElementUI:

网元附件是否包含指定区域

Parameters:

  • rect Object

    区域

Returns:

Boolean:

返回网元附件是否包含指定区域

twaver.canvas.ElementUI.hitCanvasRectAtBody

(
  • rect
)
Boolean

Inherited from twaver.canvas.ElementUI:

网元主体是否包含指定区域

Parameters:

  • rect Object

    区域

Returns:

Boolean:

返回网元主体是否包含指定区域

twaver.canvas.ElementUI.hitTest

(
  • x
  • y
)
Object

Inherited from twaver.canvas.ElementUI:

获取指定坐标下的视图对象，为附件或者网元视图本身

Parameters:

  • x Number

    x坐标

  • y Number

    y坐标

Returns:

Object:

返回指定坐标下的视图对象，为附件或者网元视图本身

twaver.canvas.ElementUI.intersects

(
  • r
)
Boolean

Inherited from twaver.canvas.ElementUI:

判断网元视图是否和指定区域相交

Parameters:

  • r Object

    矩形区域，值为包含x、y、width和height属性的Object对象

Returns:

Boolean:

如果网元视图包含指定矩形区域，则返回true，否则返回false

twaver.canvas.ElementUI.invalidate

(
  • checkAttachments
)

Inherited from twaver.canvas.ElementUI:

Parameters:

  • checkAttachments String

twaver.canvas.ElementUI.isEditable

() Boolean

Inherited from twaver.canvas.ElementUI:

获取网元视图是否可编辑，默认值为true

Returns:

Boolean:

如果网元视图可编辑，则返回true，否则返回false

twaver.canvas.ElementUI.isShadowable

() Boolean

Inherited from twaver.canvas.ElementUI:

判断是否需要设置阴影，默认实现是如果设置了阴影颜色，而且网元被被选中，而且select.style样式为shadow，则返回true，否则返回false

Returns:

Boolean:

如果需要设置阴影，则返回true，否则返回false

twaver.canvas.ElementUI.paint

(
  • ctx
)

Inherited from twaver.canvas.ElementUI:

绘制网元视图

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

twaver.canvas.ElementUI.paintAttachment

(
  • ctx
  • att
)

Inherited from twaver.canvas.ElementUI:

绘制网元附件

Parameters:

twaver.canvas.ElementUI.paintAttachments

(
  • ctx
)

Inherited from twaver.canvas.ElementUI:

绘制网元所有附件

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

twaver.canvas.ElementUI.paintBody

(
  • ctx
)

Inherited from twaver.canvas.ElementUI:

绘制网元主体

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

twaver.canvas.ElementUI.removeAttachment

(
  • attachment
)

Inherited from twaver.canvas.ElementUI:

删除指定附件

Parameters:

twaver.canvas.ElementUI.setHotSpot

(
  • value
)

Inherited from twaver.canvas.ElementUI:

设置热点，用于定位附件等的位置

Parameters:

  • value Object

    热点，值为包含x和y属性的Object对象

twaver.canvas.ElementUI.setShadow

(
  • part
  • ctx
)
CanvasRenderingContext2D

Inherited from twaver.canvas.ElementUI:

给指定画布元素设置阴影效果

Parameters:

  • part Object

    网元视图（ElementUI）或者附件（Attachment）

  • ctx HTMLCanvasElement

    画布元素

Returns:

CanvasRenderingContext2D:

画布渲染内容

twaver.canvas.ElementUI.updateStyle

()

Inherited from twaver.canvas.ElementUI:

更新样式

twaver.canvas.ElementUI.validate

()

Inherited from twaver.canvas.ElementUI:

此方法被Network调用，用以重画网元视图内容，此内部检查所有附件是否可见（checkAttachments），并调用updateMeasure方法重画网元内容，最后调用附件的updateMeasure方法，让附件重画

twaver.canvas.ElementUI.validateImpl

()

Inherited from twaver.canvas.ElementUI:

更新视图

twaver.canvas.HTMLNodeUI.setAttachmentVisible

(
  • visible
)

设置附件可见

Parameters:

  • visible Boolean

    附件是否可见

twaver.canvas.NodeUI.createBodyRect

() Object

Inherited from twaver.canvas.NodeUI:

创建节点内容区域，默认为网元节点的x坐标、y坐标、宽度和高度组成

Returns:

Object:

返回内容区域，值为包含x、y、width和height属性的Object对象

twaver.canvas.NodeUI.drawDefaultBody

(
  • ctx
)

Inherited from twaver.canvas.NodeUI:

用图片填充节点内容区域

Parameters:

  • ctx CanvasRenderingContext2D

    canvas画布

twaver.canvas.NodeUI.drawOuterBorder

(
  • ctx
)

Inherited from twaver.canvas.NodeUI:

画边框

Parameters:

  • ctx CanvasRenderingContext2D

    canvas画布

twaver.canvas.NodeUI.drawPath

(
  • ctx
  • prefix
  • padding
  • pattern
  • points
  • segments
  • close
)

Inherited from twaver.canvas.NodeUI:

画路径

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

  • prefix String

    前缀

  • padding Number

    内边距

  • pattern Array

    线条虚线样式

  • points twaver.List

    点集合

  • segments twaver.List

    点与点之间连接类型集合

  • close Boolean

    是否闭合

twaver.canvas.NodeUI.drawSelectBorder

(
  • ctx
)

Inherited from twaver.canvas.NodeUI:

节点被选中时，画选中边框

Parameters:

  • ctx CanvasRenderingContext2D

    canvas画布

twaver.canvas.NodeUI.drawVectorBody

(
  • ctx
)

Inherited from twaver.canvas.NodeUI:

当body.type为vector或default.vector时，用矢量图形填充节点内容

Parameters:

  • ctx CanvasRenderingContext2D

    canvas画布

twaver.canvas.NodeUI.getDefaultBodyRect

() Object

Inherited from twaver.canvas.NodeUI:

获取网元视图主体边界

Returns:

Object:

返回网元视图主体边界

twaver.canvas.NodeUI.getOuterBorderRect

() Object

Inherited from twaver.canvas.NodeUI:

获取外边框边界

Returns:

Object:

返回外边框边界

twaver.canvas.NodeUI.getPathRect

(
  • prefix
  • padding
)
Object

Inherited from twaver.canvas.NodeUI:

获取路径边界

Parameters:

  • prefix String

    前缀

  • padding Number

    内边距

Returns:

Object:

返回路径边界

twaver.canvas.NodeUI.getSelectBorderRect

() Object

Inherited from twaver.canvas.NodeUI:

获取选中边框边界

Returns:

Object:

返回选中边框边界

twaver.canvas.NodeUI.getVectorBody

() Object

Inherited from twaver.canvas.NodeUI:

获取矢量边界

Returns:

Object:

返回矢量边界

twaver.canvas.NodeUI.validateBodyBounds

()

Inherited from twaver.canvas.NodeUI:

重新计算网元主体边界