Node实例

每个节点都会实例化一个node实例

属性

nodeData

该节点对应的真实数据

uid

该节点唯一的标识

isRoot

是否是根节点

layerIndex

节点层级

width

节点的宽

height

节点的高

left

节点的left位置

top

节点的top位置

parent

节点的父节点

children

节点的子节点列表

group

节点是内容容器，svg对象

isDrag

v0.1.5+

节点是否正在拖拽中

方法

getSvgObjects()

v0.12.1+

返回值：

{
    SVG,
    G,
    Rect
}

获取@svgdotjs/svg.js库的一些对象。

active()

手动激活该节点，当前其他已激活节点会失去激活。

checkIsInClient(padding = 0)

v0.10.4+

padding: Number, 向画布四周延伸的区域大小

判断节点是否处于画布可视区域。

deactivate()

0.9.11+

取消激活该节点。

getAncestorNodes()

v0.9.9+

获取祖先节点实例列表。

highlight()

v0.9.8+

高亮节点。

closeHighlight()

v0.9.8+

取消高亮节点。

getPureData(removeActiveState = true, removeId = false)

v0.9.0+

removeActiveState：是否移除节点的激活状态
removeId：是否移除节点的uid字段

序列化节点，获取该节点的纯数据，不包含对节点实例的引用。

setGeneralizationOpacity(val)

v0.9.0+

val：Number, 0-1，透明度

设置概要节点及曲线的透明度。

formatGetGeneralization()

v0.9.0+

获取节点概要数据。

getIndexInBrothers()

v0.9.0+

获取该节点在兄弟节点列表中的索引。

getRectInSvg()

v0.9.0+

获取节点的尺寸和位置信息，宽高是应用了缩放效果后的实际宽高，位置信息相对于画布。

getRect()

v0.8.1+

获取节点的尺寸和位置信息，宽高是应用了缩放效果后的实际宽高，位置是相对于浏览器窗口左上角的位置。

ancestorHasGeneralization()

v0.8.1+

检查是否存在有概要的祖先节点。

getNoteContentPosition()

v0.8.1+

获取节点备注显示位置。当节点存在备注且正在显示状态时，如果拖动或缩放会导致备注浮层和节点脱离，那么可以通过该方法获取新位置更新备注浮层。

updateNodeByActive(active)

v0.8.0+

active：Boolean，激活状态。

根据是否激活更新节点。主要是更新节点的展开收起按钮的显示隐藏。

setOpacity(val)

v0.7.2+

val：透明度，0-1

设置节点透明度，包括连接线和下级节点。

hideChildren()

v0.7.2+

隐藏下级节点。

showChildren()

v0.7.2+

显示下级节点。

hasCustomStyle()

v0.6.2+

获取是否设置了自定义样式。

getSize()

通过重新创建节点内容更新节点的宽高，返回一个布尔值，代表是否宽高发生了变化

render()

递归渲染该节点及其所有子节点

updateNodeShape()

v0.5.0+

更新节点形状节点。比如当节点状态改变后，调用该方法显示或取消激活样式。

remove()

递归删除，只是从画布删除，节点容器还在，后续还可以重新插回画布

destroy()

v0.5.0+

销毁节点，不但会从画布删除，而且原节点直接置空，后续无法再插回画布

renderLine()

重新渲染该节点到其子节点之间的连线

removeLine()

移除该节点到其子节点之间的连线

renderExpandBtn()

渲染展开收缩按钮的内容

removeExpandBtn()

移除展开收缩按钮

getStyle(prop, root, isActive)

获取某个最终应用到该节点的样式值

prop：要获取的样式属性

root：是否是根节点，默认false

isActive：v0.7.0+已废弃，获取的是否是激活状态的样式值，默认false

setStyle(prop, value, isActive)

isActive：v0.7.0+已废弃

修改节点的某个样式，SET_NODE_STYLE命令的快捷方法

setStyles(style, isActive)

v0.6.12+

isActive：v0.7.0+已废弃

修改节点多个样式，SET_NODE_STYLES命令的快捷方法

getData(key)

获取该节点真实数据nodeData的data对象里的指定值，key不传返回这个data对象

setData(data)

设置节点数据，SET_NODE_DATA命令的快捷方法，这个方法和命令不会更新视图，所以如果你要修改文本，就使用setText方法，或者用手指文本的命令。

setText(text, richText, resetRichText)

richText：v0.4.2+，Boolean，如果要设置的是富文本内容，也就是html字符，richText需要传true。在v0.9.3+版本后该参数不传会默认使用之前的值。
resetRichText：v0.6.10+，Boolean，是否要复位富文本，默认为false，如果传true那么会重置富文本节点的样式

设置节点文本，SET_NODE_TEXT命令的快捷方法

setImage(imgData)

设置节点图片，SET_NODE_IMAGE命令的快捷方法

setIcon(icons)

设置节点图标，SET_NODE_ICON命令的快捷方法

setHyperlink(link, title)

设置节点超链接，SET_NODE_HYPERLINK命令的快捷方法

setNote(note)

设置节点备注，SET_NODE_NOTE命令的快捷方法

setAttachment(url, name)

v0.9.10+

url：附件的url；
name：附件的名称，可选

设置节点附件，SET_NODE_ATTACHMENT命令的快捷方法

setTag(tag)

设置节点标签，SET_NODE_TAG的快捷方法

hide()

v0.1.5+

隐藏节点及其下级节点

show()

v0.1.5+

显示节点及其下级节点

isParent(node)

v0.1.5+：检测当前节点是否是某个节点的祖先节点

v0.8.1+：检测当前节点是否是某个节点的父节点

isAncestor(node)

v0.8.1+

检测当前节点是否是某个节点的祖先节点

isBrother(node)

v0.1.5+

检测当前节点是否是某个节点的兄弟节点

checkHasGeneralization()

v0.2.0+

检查是否存在概要

checkHasSelfGeneralization()

v0.9.0+

检查是否存在自身的概要，非子节点区间概要

hideGeneralization()

v0.2.0+

隐藏概要节点

showGeneralization()

v0.2.0+

显示概要节点

updateGeneralization()

v0.2.0+

更新概要节点

hasCustomPosition()

v0.2.0+

检查节点是否存在自定义数据

ancestorHasCustomPosition()

v0.2.0+

检查节点是否存在自定义位置的祖先节点

getShape()

v0.2.4+

获取节点形状

setShape(shape)

v0.2.4+

设置节点形状，SET_NODE_SHAPE命令的快捷方法

getSelfStyle(prop)

v0.2.5+

获取节点自身的自定义样式

getParentSelfStyle(prop)

v0.2.5+

获取最近一个存在自身自定义样式的祖先节点的自定义样式

getSelfInhertStyle(prop)

v0.2.5+

获取自身可继承的自定义样式

Node实例 ​

属性 ​

nodeData ​

uid ​

isRoot ​

layerIndex ​

width ​

height ​

left ​

top ​

parent ​

children ​

group ​

isDrag ​

方法 ​

getSvgObjects() ​

active() ​

checkIsInClient(padding = 0) ​

deactivate() ​

getAncestorNodes() ​

highlight() ​

closeHighlight() ​

getPureData(removeActiveState = true, removeId = false) ​

setGeneralizationOpacity(val) ​

formatGetGeneralization() ​

getIndexInBrothers() ​

getRectInSvg() ​

getRect() ​

ancestorHasGeneralization() ​

getNoteContentPosition() ​

updateNodeByActive(active) ​

setOpacity(val) ​

hideChildren() ​

showChildren() ​

hasCustomStyle() ​

getSize() ​

render() ​

updateNodeShape() ​

remove() ​

destroy() ​

renderLine() ​

removeLine() ​

renderExpandBtn() ​

removeExpandBtn() ​

getStyle(prop, root, isActive) ​

setStyle(prop, value, isActive) ​

setStyles(style, isActive) ​

getData(key) ​

setData(data) ​

setText(text, richText, resetRichText) ​

setImage(imgData) ​

setIcon(icons) ​

setHyperlink(link, title) ​

setNote(note) ​

setAttachment(url, name) ​

setTag(tag) ​

hide() ​

show() ​

isParent(node) ​

isAncestor(node) ​

isBrother(node) ​

checkHasGeneralization() ​

checkHasSelfGeneralization() ​

hideGeneralization() ​

showGeneralization() ​

updateGeneralization() ​

hasCustomPosition() ​

ancestorHasCustomPosition() ​

getShape() ​

setShape(shape) ​

getSelfStyle(prop) ​

getParentSelfStyle(prop) ​

getSelfInhertStyle(prop) ​

Node实例

属性

nodeData

uid

isRoot

layerIndex

width

height

left

top

parent

children

group

isDrag

方法

getSvgObjects()

active()

checkIsInClient(padding = 0)

deactivate()

getAncestorNodes()

highlight()

closeHighlight()

getPureData(removeActiveState = true, removeId = false)

setGeneralizationOpacity(val)

formatGetGeneralization()

getIndexInBrothers()

getRectInSvg()

getRect()

ancestorHasGeneralization()

getNoteContentPosition()

updateNodeByActive(active)

setOpacity(val)

hideChildren()

showChildren()

hasCustomStyle()

getSize()

render()

updateNodeShape()

remove()

destroy()

renderLine()

removeLine()

renderExpandBtn()

removeExpandBtn()

getStyle(prop, root, isActive)

setStyle(prop, value, isActive)

setStyles(style, isActive)

getData(key)

setData(data)

setText(text, richText, resetRichText)

setImage(imgData)

setIcon(icons)

setHyperlink(link, title)

setNote(note)

setAttachment(url, name)

setTag(tag)

hide()

show()

isParent(node)

isAncestor(node)

isBrother(node)

checkHasGeneralization()

checkHasSelfGeneralization()

hideGeneralization()

showGeneralization()

updateGeneralization()

hasCustomPosition()

ancestorHasCustomPosition()

getShape()

setShape(shape)

getSelfStyle(prop)

getParentSelfStyle(prop)

getSelfInhertStyle(prop)