@jtopo/extensions / WaterLikeNode

Class: WaterLikeNode

“水” 动效节点

Hierarchy

• AENode

  ↳ WaterLikeNode

Table of contents

Constructors

• constructor

Properties

• afterRender
• animations
• attributes
• beforeRender
• children
• classList
• className
• deep
• destroyed
• draggable
• dropAllowed
• id
• inLinks
• isLayer
• isLink
• isNode
• isSelected
• name
• originPosition
• outLinks
• ownerLayer
• parent
• pointerEnabled
• rotateWithParent
• selectedStyle
• serializeable
• showSelected
• style
• title
• type

Accessors

• bottom
• data
• height
• left
• nextSibling
• previousSibling
• right
• rotation
• scaleX
• scaleY
• skewX
• skewY
• text
• top
• visible
• width
• x
• y
• z
• zIndex

Methods

• addChild
• addChildren
• addClass
• addEventListener
• ae
• append
• appendChild
• changeParent
• clearStyles
• contains
• destroy
• dispatchEvent
• draw
• getAABB
• getAnchor
• getAttribute
• getChildren
• getComputedStyle
• getConnectAutoPoint
• getInLinks
• getIndex
• getLinks
• getLocalPoint
• getOutLinks
• getPoint
• getPointAnchor
• getRoot
• getSegmentAnchor
• getShape
• getStyle
• getWorldTransform
• hasChild
• hasChildren
• hasClass
• hasListener
• hide
• hideAllChildren
• hitTest
• isConnected
• isVisible
• localToWorldXY
• markMatrixDirty
• on
• onUnmounted
• pause
• pickable
• play
• prepend
• querySelector
• querySelectorAll
• removeAllChildren
• removeAllClass
• removeAttribute
• removeChild
• removeChildren
• removeClass
• removeEventListener
• removeFromParent
• resize
• resizeWith
• rotate
• rotateWith
• scale
• scaleBy
• setAttribute
• setAttributes
• setOriginOnLink
• setOriginPosition
• setSize
• setStyle
• setStyles
• setText
• setXY
• setZIndex
• setupAE
• show
• showAllChildren
• skew
• sortChildren
• toJSON
• translate
• translateTo
• translateWith
• update
• updateMatrix
• updateZIndex
• worldToLocalXY

Constructors

constructor

new WaterLikeNode(text?, x?, y?, w?, h?)

Parameters

Name	Type	Default value
text?	string	undefined
x	number	0
y	number	0
w	number	1
h	number	1

Overrides

AENode.constructor

Properties

afterRender

Optional afterRender: Function

渲染后回调

Inherited from

AENode.afterRender

---

animations

animations: Animation_2[]

动效动画列表

Inherited from

AENode.animations

---

attributes

Readonly attributes: Record<string, any>

Since

2.6.0 存放自定义属性（用于定义节点类型，和业务数据无关）

Inherited from

AENode.attributes

---

beforeRender

Optional beforeRender: Function

渲染前回调

obj.beforeRender = function(){
if(this.x < 0){
this.x = 0;
}
//...
}

Inherited from

AENode.beforeRender

---

children

Readonly children: NE[]

子节点（直接下级）

Inherited from

AENode.children

---

classList

Readonly classList: string[]

通过addClass添加的样式名称列表

Inherited from

AENode.classList

---

className

Readonly className: any

Overrides

AENode.className

---

deep

deep: number

层级深度, Layer为0，下面第一层子节点为1，依次类推

只读

Inherited from

AENode.deep

---

destroyed

Readonly destroyed: boolean

是否已经被销毁

Inherited from

AENode.destroyed

---

draggable

draggable: boolean

是否可拖拽

Inherited from

AENode.draggable

---

dropAllowed

dropAllowed: boolean

是否可以作为拖拽目标

Since

2.4.0

Inherited from

AENode.dropAllowed

---

id

Optional id: string | number

id, 标识，由开发人员控制和设计

Inherited from

AENode.id

---

inLinks

Readonly inLinks: Link[]

所有以本对象为结束点的Link对象数组

Inherited from

AENode.inLinks

---

isLayer

Optional Readonly isLayer: boolean

是否是Layer对象, 可以使用 instanceof 替代

Inherited from

AENode.isLayer

---

isLink

Optional Readonly isLink: boolean

是否是Link对象, 可以使用 instanceof 替代

Inherited from

AENode.isLink

---

isNode

isNode: boolean

是否是Node类的对象, 主要用于和Link区分

Inherited from

AENode.isNode

---

isSelected

Readonly isSelected: boolean

是否被选中了

Inherited from

AENode.isSelected

---

name

Optional name: string

名称，可以在编辑时指定，运行时通过名称获取对象的引用

Inherited from

AENode.name

---

originPosition

Readonly originPosition: RectPositionType

原点位置

Inherited from

AENode.originPosition

---

outLinks

Readonly outLinks: Link[]

所有以本对象为开始点的Link对象数组

Inherited from

AENode.outLinks

---

ownerLayer

Optional ownerLayer: Layer

所属的Layer

Since

2.6.0

Inherited from

AENode.ownerLayer

---

parent

Optional parent: NE

上级对象

Inherited from

AENode.parent

---

pointerEnabled

pointerEnabled: boolean

是否响应(鼠标、触摸屏指针），为false的时候，不响应动作

Since

2.6.0

Inherited from

AENode.pointerEnabled

---

rotateWithParent

rotateWithParent: boolean

是否跟随父节点旋转

Inherited from

AENode.rotateWithParent

---

selectedStyle

Optional selectedStyle: NodeSelectedStyleOptionsType

选中时的样式，如果不设置将使用默认的

Inherited from

AENode.selectedStyle

---

serializeable

serializeable: boolean

是否可序列化，默认true 如果为false，序列化时将跳过该对象

Inherited from

AENode.serializeable

---

showSelected

showSelected: boolean

是否显示选中的效果，默认显示

Inherited from

AENode.showSelected

---

style

Readonly style: Style

样式

Inherited from

AENode.style

---

title

Optional title: string

鼠标指向时显示的提示信息，和HTML中dom元素的title属性作用相同

Inherited from

AENode.title

---

type

Optional type: string

类型，自定义类型

可用于自定义节点，区分节点类型

比用data属性更方便一点

Inherited from

AENode.type

Accessors

bottom

get bottom(): number

Since

2.4.0

Returns

number

Inherited from

AENode.bottom

set bottom(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.bottom

---

data

get data(): Record<string, any>

Returns

Record<string, any>

Inherited from

AENode.data

set data(v): void

Parameters

Name	Type
v	Record<string, any>

Returns

void

Inherited from

AENode.data

---

height

get height(): number

Returns

number

Overrides

AENode.height

set height(h): void

Parameters

Name	Type
h	number

Returns

void

Overrides

AENode.height

---

left

get left(): number

Since

2.4.0

Returns

number

Inherited from

AENode.left

set left(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.left

---

nextSibling

get nextSibling(): NE

获取下一个兄弟节点

Returns

NE

下一个兄弟节点

Inherited from

AENode.nextSibling

---

previousSibling

get previousSibling(): NE

获取前一个兄弟节点

Returns

NE

前一个兄弟节点

Inherited from

AENode.previousSibling

---

right

get right(): number

Since

2.4.0

Returns

number

Inherited from

AENode.right

set right(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.right

---

rotation

get rotation(): number

旋转角度 (弧度)

Returns

number

Inherited from

AENode.rotation

set rotation(v): void

设置旋转角度 (弧度)

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.rotation

---

scaleX

get scaleX(): number

Returns

number

Inherited from

AENode.scaleX

set scaleX(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.scaleX

---

scaleY

get scaleY(): number

Returns

number

Inherited from

AENode.scaleY

set scaleY(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.scaleY

---

skewX

get skewX(): number

Returns

number

Inherited from

AENode.skewX

set skewX(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.skewX

---

skewY

get skewY(): number

Returns

number

Inherited from

AENode.skewY

set skewY(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.skewY

---

text

get text(): string

Returns

string

Inherited from

AENode.text

set text(v): void

Parameters

Name	Type
v	string

Returns

void

Inherited from

AENode.text

---

top

get top(): number

Since

2.4.0

Returns

number

Inherited from

AENode.top

set top(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.top

---

visible

get visible(): boolean

Returns

boolean

Inherited from

AENode.visible

set visible(v): void

Parameters

Name	Type
v	boolean

Returns

void

Inherited from

AENode.visible

---

width

get width(): number

Returns

number

Overrides

AENode.width

set width(w): void

Parameters

Name	Type
w	number

Returns

void

Overrides

AENode.width

---

x

get x(): number

Returns

number

Inherited from

AENode.x

set x(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.x

---

y

get y(): number

Returns

number

Inherited from

AENode.y

set y(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.y

---

z

get z(): number

Returns

number

Inherited from

AENode.z

set z(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.z

---

zIndex

get zIndex(): number

Deprecated

请使用 sortChildren 或者 NEHelper.raiseToTop、NEHelper.lowerToBottom等方法代替

Returns

number

Inherited from

AENode.zIndex

set zIndex(v): void

设置zIndex 相同父节点下的兄弟节点之间才有意义

通常情况下不要修改

Deprecated

请使用 sortChildren 或者 NEHelper.raiseToTop、NEHelper.lowerToBottom等方法代替

Parameters

Name	Type
v	number

Returns

void

Inherited from

AENode.zIndex

Methods

addChild

addChild(child): WaterLikeNode

增加子对象

Parameters

Name	Type
child	NE

Returns

WaterLikeNode

Inherited from

AENode.addChild

---

addChildren

addChildren(childs): WaterLikeNode

一次性增加多个对象, 比单个增加速度快很多，数量越多越明显！

注意：避免互为子节点、重复添加

Parameters

Name	Type
childs	NE[]

Returns

WaterLikeNode

Inherited from

AENode.addChildren

---

addClass

addClass(styleName): WaterLikeNode

增加一个样式

obj.addClass('.focus');

Parameters

Name	Type
styleName	string

Returns

WaterLikeNode

Inherited from

AENode.addClass

---

addEventListener

addEventListener(type, callback): () => {}

Parameters

Name	Type
type	NEEventType
callback	(e: any) => void

Returns

fn

(): Object

Returns

Object

Inherited from

AENode.addEventListener

---

ae

ae(opt): void

设置动效参数

Parameters

Name	Type
opt	WaterLikeOption

Returns

void

Overrides

AENode.ae

---

append

append(...childs): WaterLikeNode

一次性若干个对象，比单个增加速度快很多，数量越多越明显！

数量有上限(大于10万), 请使用 addChildren 代替

注意：避免互为子节点、重复添加

parent.append(node1, node2, node3, ...);

Since

2.6.17*

Parameters

Name	Type
...childs	NE[]

Returns

WaterLikeNode

Inherited from

AENode.append

---

appendChild

appendChild(child): WaterLikeNode

添加一个子对象

Parameters

Name	Type
child	NE

Returns

WaterLikeNode

Inherited from

AENode.appendChild

---

changeParent

changeParent(newParent): WaterLikeNode

修改父对象但保持世界坐标不变

Parameters

Name	Type
newParent	NE

Returns

WaterLikeNode

Inherited from

AENode.changeParent

---

clearStyles

clearStyles(): WaterLikeNode

清除通过css或setStyles定义的所有样式

Returns

WaterLikeNode

Inherited from

AENode.clearStyles

---

contains

contains(targe): boolean

方法返回一个布尔值，表示一个对象是否是给定节点的后代，即该节点本身、其直接子节点（children）、子节点的直接子节点等。 备注： 节点包含在自身内部。

Parameters

Name	Type
targe	NE

Returns

boolean

Inherited from

AENode.contains

---

destroy

destroy(): void

Returns

void

Overrides

AENode.destroy

---

dispatchEvent

dispatchEvent(event): void

分发事件

Parameters

Name	Type
event	Object

Returns

void

Inherited from

AENode.dispatchEvent

---

draw

draw(ctx): void

Parameters

Name	Type
ctx	CanvasRenderingContext2D

Returns

void

Overrides

AENode.draw

---

getAABB

getAABB(recursive?): Rectangle

获取对象在Layer中的aabb包围盒 (世界坐标系)

Parameters

Name	Type	Description
recursive?	boolean	是否将子节点包含在内

Returns

Rectangle

Inherited from

AENode.getAABB

---

getAnchor

getAnchor(name): AnchorProxy

根据名称获取并生成一个 ‘锚点‘

Parameters

Name	Type
name	string

Returns

AnchorProxy

Inherited from

AENode.getAnchor

---

getAttribute

getAttribute(name, defaultValue?): any

读取某个属性值

// 例如:
let v1 = obj.getAttribute('foo');       //如果foo属性不存在，则返回undefined
let v2 = obj.getAttribute('bar', 123);  //如果bar属性不存在，则返回123

Parameters

Name	Type	Description
name	string
defaultValue?	any	如果属性值为空时的默认替代

Returns

any

Inherited from

AENode.getAttribute

---

getChildren

getChildren(): NE[]

获取所有子对象

Returns

NE[]

Inherited from

AENode.getChildren

---

getComputedStyle

getComputedStyle(): Style

获取：主题、自定义样式类、css方法三者层叠后的样式结果

(只读，不要修改返回的对象)

Returns

Style

Inherited from

AENode.getComputedStyle

---

getConnectAutoPoint

getConnectAutoPoint(worldPoint): PointLike

Parameters

Name	Type
worldPoint	PointLike

Returns

PointLike

Inherited from

AENode.getConnectAutoPoint

---

getInLinks

getInLinks(): Link[]

Returns

Link[]

Inherited from

AENode.getInLinks

---

getIndex

getIndex(): number

获取节点在父节点中的索引

Returns

number

节点在父节点中的索引

Inherited from

AENode.getIndex

---

getLinks

getLinks(): Link[]

获取所有连接到本对象的Link

Returns

Link[]

Inherited from

AENode.getLinks

---

getLocalPoint

getLocalPoint(t, segIndex?): PointLike

获取对象上某一点(本地坐标系)

Parameters

Name	Type	Description
t	number	[0-1] 在线段上的比例
segIndex?	number	线段索引(Node是矩形，有4条线段，索引：[0-3]）可选项

Returns

PointLike

Inherited from

AENode.getLocalPoint

---

getOutLinks

getOutLinks(): Link[]

Returns

Link[]

Inherited from

AENode.getOutLinks

---

getPoint

getPoint(t, segIndex?): PointLike

获取对象上某一点

Parameters

Name	Type	Description
t	number	[0-1] 在线段上的比例
segIndex?	number	线段索引(矩形，有4条线段，索引：[0-3]）可选项

Returns

PointLike

Inherited from

AENode.getPoint

---

getPointAnchor

getPointAnchor(x, y): AnchorProxy

根据本地坐标并生成一个 ’锚点‘

Parameters

Name	Type
x	number
y	number

Returns

AnchorProxy

Inherited from

AENode.getPointAnchor

---

getRoot

getRoot(): WaterLikeNode

获取'root'对象, 沿着parent一直向上追溯 , 直到parent为null或Layer对象结束

Returns

WaterLikeNode

Inherited from

AENode.getRoot

---

getSegmentAnchor

getSegmentAnchor(t, segIndex): AnchorProxy

获取并生成线段上某个位置的 ’锚点’

Parameters

Name	Type
t	number
segIndex	number

Returns

AnchorProxy

Inherited from

AENode.getSegmentAnchor

---

getShape

getShape(): Shape

获取形状对象

Returns

Shape

Inherited from

AENode.getShape

---

getStyle

getStyle(name): any

读取某个样式的值

Parameters

Name	Type
name	string

Returns

any

Inherited from

AENode.getStyle

---

getWorldTransform

getWorldTransform(): Transform

获取世界坐标系变换

Returns

Transform

Inherited from

AENode.getWorldTransform

---

hasChild

hasChild(child): boolean

是否拥有某个下级子对象

Parameters

Name	Type
child	NE

Returns

boolean

Inherited from

AENode.hasChild

---

hasChildren

hasChildren(): boolean

是否拥有子对象

Returns

boolean

Inherited from

AENode.hasChildren

---

hasClass

hasClass(styleName): boolean

检测是否拥有某个样式类

node.hasClass('.focus');

Since

2.4.0

Parameters

Name	Type
styleName	string

Returns

boolean

Inherited from

AENode.hasClass

---

hasListener

hasListener(type): boolean

Parameters

Name	Type
type	NEEventType

Returns

boolean

Inherited from

AENode.hasListener

---

hide

hide(): WaterLikeNode

隐藏

Returns

WaterLikeNode

Inherited from

AENode.hide

---

hideAllChildren

hideAllChildren(): WaterLikeNode

隐藏所有下级节点

Returns

WaterLikeNode

Inherited from

AENode.hideAllChildren

---

hitTest

hitTest(x, y): boolean

判断给定的坐标（世界坐标系）是否在对象内部

Parameters

Name	Type
x	number
y	number

Returns

boolean

Inherited from

AENode.hitTest

---

isConnected

isConnected(): boolean

是否被任意Link连接到

Since

2.4.0

Returns

boolean

Inherited from

AENode.isConnected

---

isVisible

isVisible(): boolean

判断是否可见

Returns

boolean

Inherited from

AENode.isVisible

---

localToWorldXY

localToWorldXY(x, y): Object

将一个本地坐标转到世界坐标系

Since

2.5.0

Parameters

Name	Type
x	number
y	number

Returns

Object

Name	Type
x	number
y	number

Inherited from

AENode.localToWorldXY

---

markMatrixDirty

markMatrixDirty(): void

标记矩阵脏, 需要重新计算触发重绘

Returns

void

Inherited from

AENode.markMatrixDirty

---

on

on(type, callback): () => {}

Parameters

Name	Type
type	NEEventType
callback	(e: any) => void

Returns

fn

(): Object

Returns

Object

Inherited from

AENode.on

---

onUnmounted

onUnmounted(): void

Abstract

Returns

void

Inherited from

AENode.onUnmounted

---

pause

pause(): void

暂停动画

Returns

void

Inherited from

AENode.pause

---

pickable

pickable(): boolean

是否可被拾取到，默认返回：pointerEnabled 属性

pickable() {
return this.pointerEnabled;
}

Returns

boolean

Inherited from

AENode.pickable

---

play

play(): void

播放动画

Returns

void

Inherited from

AENode.play

---

prepend

prepend(...childs): WaterLikeNode

在最前面添加对象

注意：避免互为子节点、重复添加

parent.prepend(node1, node2, node3, ...);

Since

2.6.17

Parameters

Name	Type
...childs	NE[]

Returns

WaterLikeNode

Inherited from

AENode.prepend

---

querySelector

querySelector(querySelector): NE

功能类似querySelectorAll,但只返回第一个满足条件的对象或者null

Parameters

Name	Type
querySelector	string | (child: Node_2 | Link) => boolean

Returns

NE

Inherited from

AENode.querySelector

---

querySelectorAll

querySelectorAll(querySelector?): NE[]

对象选择器

语法兼容DOM的Selector API标准（并不支持标准里的所有语法）

支持的语法形式如下：

// 最灵活的查询方式 (推荐)
let arr = layer.querySelectorAll(obj => obj.x > 20 && obj.y < 100);
let activeNodes = layer.querySelectorAll(obj => obj.hasClass('.active'));

//obj.querySelector(类名称)， 例如:
let ellipseNodes = layer.querySelectorAll('EllipseNode');
let links = layer.querySelector('Link');

//obj.querySelector(样式名称)，例如:
let serverNodes = layer.querySelectorAll('.server');
let activedObjs = layer.querySelectorAll('.active');

//obj.querySelector(ID);
let obj = layer.querySelectorAll('#123')[0];

//obj.querySelector([属性名称=""]);
let arr = layer.querySelectorAll('[text="abc"]');
let arr2 = layer.querySelectorAll('[draggable=true]');

// obj.querySelector(类名称|样式名称[属性名称=""]);
let obj = layer.querySelector('TextNode[x<=-200]');
let obj2 = layer.querySelector('.server[text="X86"]');

Parameters

Name	Type
querySelector?	string | (child: Node_2 | Link) => boolean

Returns

NE[]

Inherited from

AENode.querySelectorAll

---

removeAllChildren

removeAllChildren(): WaterLikeNode

移除所有子对象

Returns

WaterLikeNode

Inherited from

AENode.removeAllChildren

---

removeAllClass

removeAllClass(): WaterLikeNode

移除所有通过addClass添加的样式

obj.removeAllClass();

Returns

WaterLikeNode

Inherited from

AENode.removeAllClass

---

removeAttribute

removeAttribute(name): void

移除一个属性

// 例如:
obj.removeAttribute('foo');

Parameters

Name	Type
name	string

Returns

void

Inherited from

AENode.removeAttribute

---

removeChild

removeChild(child): WaterLikeNode

移除一个子对象

Parameters

Name	Type
child	NE

Returns

WaterLikeNode

Inherited from

AENode.removeChild

---

removeChildren

removeChildren(childs): WaterLikeNode

移除多个子对象, 比单个移除速度快很多，数量越多越明显！

Parameters

Name	Type
childs	NE[]

Returns

WaterLikeNode

Inherited from

AENode.removeChildren

---

removeClass

removeClass(styleName): void

移除一个样式

obj.removeClass('.focus');

Parameters

Name	Type
styleName	string

Returns

void

Inherited from

AENode.removeClass

---

removeEventListener

removeEventListener(type, callback): void

Parameters

Name	Type
type	NEEventType
callback	(e: any) => void

Returns

void

Inherited from

AENode.removeEventListener

---

removeFromParent

removeFromParent(): WaterLikeNode

从父容器中移除

// 等价于：
if (this.parent) {
this.parent.removeChild(this);
}

Returns

WaterLikeNode

Inherited from

AENode.removeFromParent

---

resize

resize(width, height): WaterLikeNode

设置尺寸

Parameters

Name	Type	Description
width	number	宽度
height	number	高度

Returns

WaterLikeNode

Inherited from

AENode.resize

---

resizeWith

resizeWith(w, h): WaterLikeNode

原有尺寸基础上增加

Parameters

Name	Type
w	number
h	number

Returns

WaterLikeNode

Inherited from

AENode.resizeWith

---

rotate

rotate(angle): WaterLikeNode

旋转

Parameters

Name	Type	Description
angle	number	旋转角度（弧度）

Returns

WaterLikeNode

Inherited from

AENode.rotate

---

rotateWith

rotateWith(dAngle): WaterLikeNode

旋转-增量性

Parameters

Name	Type	Description
dAngle	number	旋转角度的增量（弧度制）

Returns

WaterLikeNode

Inherited from

AENode.rotateWith

---

scale

scale(x, y): WaterLikeNode

缩放

Parameters

Name	Type
x	number
y	number

Returns

WaterLikeNode

Inherited from

AENode.scale

---

scaleBy

scaleBy(x, y): WaterLikeNode

按系数缩放, 在当前缩放的基础上再乘以指定缩放系数

Parameters

Name	Type
x	number
y	number

Returns

WaterLikeNode

Inherited from

AENode.scaleBy

---

setAttribute

setAttribute(name, value): void

设置自定义属性

Parameters

Name	Type
name	string
value	any

Returns

void

Inherited from

AENode.setAttribute

---

setAttributes

setAttributes(attrs): WaterLikeNode

一次性设置多个属性

// 一次性设置多个属性
obj.setAttributes({
foo: 'abc',
bar: false
});

Parameters

Name	Type
attrs	string | { [key: string]: any; }

Returns

WaterLikeNode

Inherited from

AENode.setAttributes

---

setOriginOnLink

setOriginOnLink(t, lineSegmentIndex?): WaterLikeNode

将节点定位到连线的某个位置上，该位置随连线变化而变

Parameters

Name	Type	Description
t	number	位置百分比
lineSegmentIndex?	any	线段索引（默认是null，表示中间的线段）

Returns

WaterLikeNode

Inherited from

AENode.setOriginOnLink

---

setOriginPosition

setOriginPosition(position): WaterLikeNode

Parameters

Name	Type
position	RectPositionType

Returns

WaterLikeNode

Inherited from

AENode.setOriginPosition

---

setSize

setSize(width, height): WaterLikeNode

设置尺寸, 与resize完全等价

Parameters

Name	Type	Description
width	number	宽度
height	number	高度

Returns

WaterLikeNode

Inherited from

AENode.setSize

---

setStyle

setStyle(styleName, value): WaterLikeNode

设置某一个样式

Parameters

Name	Type
styleName	StyleKeyType
value	any

Returns

WaterLikeNode

Inherited from

AENode.setStyle

---

setStyles

setStyles(styles): WaterLikeNode

背景和边框的设置语法参考css样式, 图形绘制的语法使用cavnas属性设置，如下:

node.setStyles({
// 用类似css语法设置节点的：边框、字体、背景 的属性
border: '10px gray',
borderRadius: 10,
font: 'bold 20px serif',
color: 'gray',
backgroundColor: "rgba(128,128,128,0.2)",

// 内边距（边框和图形的间距）
padding: 10,

// 用Canvas绘图属性来设置节点内图形的：填充、画笔粗细、颜色、字体位置
strokeStyle: 'gray',
fillStyle: 'rgba(0,0,255,0.2)',
lineWidth: 3,
textPosition: 'center',
textBaseline: 'middle',
});

Parameters

Name	Type
styles	PartStyleOptionType

Returns

WaterLikeNode

Inherited from

AENode.setStyles

---

setText

setText(v): void

Parameters

Name	Type
v	string

Returns

void

Inherited from

AENode.setText

---

setXY

setXY(x, y): WaterLikeNode

设置坐标， translate的简写

Parameters

Name	Type
x	number
y	number

Returns

WaterLikeNode

Inherited from

AENode.setXY

---

setZIndex

setZIndex(index): void

设置zIndex

Deprecated

请使用 sortChildren 或者 NEHelper.raiseToTop、NEHelper.lowerToBottom等方法代替

Parameters

Name	Type	Description
index	number	建议范围 [1, 999]

Returns

void

Inherited from

AENode.setZIndex

---

setupAE

setupAE(): void

Returns

void

Overrides

AENode.setupAE

---

show

show(): WaterLikeNode

显示

Returns

WaterLikeNode

Inherited from

AENode.show

---

showAllChildren

showAllChildren(): WaterLikeNode

显示所有下级节点

Returns

WaterLikeNode

Inherited from

AENode.showAllChildren

---

skew

skew(skewX, skewY): WaterLikeNode

错切

Parameters

Name	Type
skewX	number
skewY	number

Returns

WaterLikeNode

Inherited from

AENode.skew

---

sortChildren

sortChildren(sortFn): WaterLikeNode

对子对象进行排序

Since

2.6.17

Parameters

Name	Type	Description
sortFn	(a: NE, b: NE) => number	排序函数

Returns

WaterLikeNode

Inherited from

AENode.sortChildren

---

toJSON

toJSON(): any

Returns

any

Inherited from

AENode.toJSON

---

translate

translate(x, y): WaterLikeNode

平移对象，与setXY()完全等价

只是从图形的语义上平移更接近本质：有相对性的意识

Parameters

Name	Type
x	number
y	number

Returns

WaterLikeNode

Inherited from

AENode.translate

---

translateTo

translateTo(x, y): WaterLikeNode

平移对象到指定位置(x,y)

Deprecated

Parameters

Name	Type
x	number
y	number

Returns

WaterLikeNode

Inherited from

AENode.translateTo

---

translateWith

translateWith(x, y): WaterLikeNode

增量平移对象, 在对象原有的坐标基础上，增加偏移(dx,dy)。相当于: x += dx; y += dy。

Parameters

Name	Type
x	number
y	number

Returns

WaterLikeNode

Inherited from

AENode.translateWith

---

update

update(): void

请求更新画面

Returns

void

Inherited from

AENode.update

---

updateMatrix

updateMatrix(): WaterLikeNode

Returns

WaterLikeNode

Inherited from

AENode.updateMatrix

---

updateZIndex

updateZIndex(): WaterLikeNode

更新直接下级子对象的zIndex

Deprecated

请使用 sortChildren 或者 NEHelper.raiseToTop、NEHelper.lowerToBottom等方法代替

Returns

WaterLikeNode

Inherited from

AENode.updateZIndex

---

worldToLocalXY

worldToLocalXY(x, y): Object

将一个世界坐标转到本地坐标系

Since

2.6.0

Parameters

Name	Type
x	number
y	number

Returns

Object

Name	Type
x	number
y	number

Inherited from

AENode.worldToLocalXY