Class: RatioNode

比率节点 ，用矩形填充的方式表达：比例、利用率、占比、进度条

可以设置方向

例如：

const ratioNode = new RatioNode('', 283, 465, 80, 40);
ratioNode.ratio = 0.65;
ratioNode.direction = 'right';
ratioNode.css({
   border: '2px solid black',
   fillStyle: 'gray'
});

Hierarchy

• Node

  ↳ RatioNode

Table of contents

Constructors

• constructor

Properties

• _computedStyle
• _image
• _visible
• allwaysSerializers
• children
• classList
• className
• connectable
• data
• deep
• destroyed
• direction
• draggable
• dropAllowed
• editable
• frozen
• getAnchorPoints
• getCtrlPoints
• inLinks
• isLayer
• isLink
• isNode
• isSelected
• mouseEnabled
• name
• origin
• originAlignPosition
• outLinks
• paintSelected
• painted
• parent
• pickType
• ratio
• rotateWithParent
• selectedStyle
• serializeable
• serializers
• shape
• showSelected
• style
• textRotation
• type
• z

Accessors

• bottom
• height
• image
• imageSrc
• left
• originAutoRotate
• right
• rotation
• scaleX
• scaleY
• skewX
• skewY
• text
• top
• userData
• visible
• width
• x
• y
• zIndex

Methods

• addChild
• addChilds
• addClass
• addEventListener
• alignOriginToLink
• alignOriginToNode
• changeParent
• clearCss
• css
• destory
• dispatchEvent
• draw
• drawShape
• getAABB
• getAllLinks
• getAllNodes
• getChildren
• getComputedStyle
• getImage
• getLinkChildren
• getLinks
• getLocalPoint
• getPoint
• getPositionNames
• getPositionNormal
• getRect
• getRoot
• getSegmentPoints
• getStageTransform
• getStyle
• getTransform
• getUserData
• getWorldTransform
• hasChild
• hasChildren
• hasClass
• hasListener
• hide
• hideAllChild
• isConnected
• isOutOfParent
• isVisible
• nearest
• on
• pickable
• positionToLocalPoint
• querySelector
• querySelectorAll
• remove
• removeAllChild
• removeAllClass
• removeChild
• removeChilds
• removeClass
• removeEventListener
• removeFromParent
• removeUserData
• resize
• resizeTo
• resizeToFitImage
• resizeWith
• rotate
• rotateTo
• rotateWith
• scale
• scaleBy
• scaleTo
• screenToLocalVec
• screenToLocalXY
• setImage
• setOrigin
• setOriginToPosition
• setRotateCenter
• setShape
• setStyles
• setText
• setUserData
• setXY
• setXYOnLink
• setZIndex
• setzIndex
• show
• showAllChild
• skew
• stageToLocalVec
• stageToLocalXY
• toJSON
• toLayerXY
• toScreenXY
• toStageXY
• toWorldXY
• transformPoint
• translate
• translatePositionTo
• translateTo
• translateWith
• updateZIndex
• updatezIndex
• zoom
• zoomIn
• zoomOut
• flatten
• getNoChildrensObjects

Constructors

constructor

new RatioNode(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

Node.constructor

Properties

_computedStyle

Readonly _computedStyle: Style

层叠样式计算后的

主题、自定义样式类、css方法设置三者叠加后的最终结果

只读，不要修改

Inherited from

Node._computedStyle

---

_image

Optional _image: HTMLImageElement

Inherited from

Node._image

---

_visible

_visible: boolean

Inherited from

Node._visible

---

allwaysSerializers

allwaysSerializers: string[]

总会被序列化的属性列表

Inherited from

Node.allwaysSerializers

---

children

Readonly children: DisplayObject[]

子节点集合

Inherited from

Node.children

---

classList

Readonly classList: string[]

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

Inherited from

Node.classList

---

className

className: any

Overrides

Node.className

---

connectable

connectable: boolean

是否可连线，仅仅编辑模式有意义

Inherited from

Node.connectable

---

data

Optional data: any

为了安全考虑，防止与对象属性冲突,用户最好使用该对象 用户附加到该对象的自定义属性

Since

2.4.0

Inherited from

Node.data

---

deep

deep: number

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

Inherited from

Node.deep

---

destroyed

destroyed: boolean

Inherited from

Node.destroyed

---

direction

direction: string = Position.right

方向，朝向：right、left、up、down ，默认：right

---

draggable

draggable: boolean

是否可拖拽

Inherited from

Node.draggable

---

dropAllowed

dropAllowed: boolean

是否可以作为拖拽目标

Since

2.4.0

Inherited from

Node.dropAllowed

---

editable

editable: boolean

是否可以调整角度、尺寸，仅仅编辑模式有意义

Inherited from

Node.editable

---

frozen

frozen: boolean

是否冻结（所有下级子节点）

冻结后鼠标拾取到子节点或者本节点都视为拾取了本节点

Inherited from

Node.frozen

---

getAnchorPoints

getAnchorPoints: Function

Inherited from

Node.getAnchorPoints

---

getCtrlPoints

getCtrlPoints: Function

Inherited from

Node.getCtrlPoints

---

inLinks

inLinks: Link[]

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

Inherited from

Node.inLinks

---

isLayer

Optional isLayer: boolean

Inherited from

Node.isLayer

---

isLink

Optional isLink: boolean

是否是Link对象

Inherited from

Node.isLink

---

isNode

isNode: boolean

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

Inherited from

Node.isNode

---

isSelected

isSelected: boolean

是否被选中了

Inherited from

Node.isSelected

---

mouseEnabled

mouseEnabled: boolean

是否响应鼠标，为false的时候，不响应鼠标的动作

Inherited from

Node.mouseEnabled

---

name

Optional name: string

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

Inherited from

Node.name

---

origin

origin: number[]

本地坐标系的原点，采用单位化坐标， 默认为[0,0], 父对象的中心

Inherited from

Node.origin

---

originAlignPosition

Optional originAlignPosition: RectPosition

对齐原点的位置: center

Inherited from

Node.originAlignPosition

---

outLinks

outLinks: Link[]

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

Inherited from

Node.outLinks

---

paintSelected

Optional paintSelected: Function

Inherited from

Node.paintSelected

---

painted

painted: boolean

是否绘制到了最后一帧：是否在当前最新的画布上

Inherited from

Node.painted

---

parent

Optional parent: DisplayObject

上级对象

Inherited from

Node.parent

---

pickType

pickType: PickType

鼠标拾取方式（节点内容，还是整个节点矩形区域)

Inherited from

Node.pickType

---

ratio

ratio: number = 0.5

比率：通常取值范围是[0-1], 默认: 0.5

---

rotateWithParent

rotateWithParent: boolean

是否跟随父节点旋转

Inherited from

Node.rotateWithParent

---

selectedStyle

Optional selectedStyle: Style

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

Inherited from

Node.selectedStyle

---

serializeable

serializeable: boolean

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

Inherited from

Node.serializeable

---

serializers

serializers: string[]

序列化属性列表

Overrides

Node.serializers

---

shape

shape: Shape

Inherited from

Node.shape

---

showSelected

showSelected: boolean

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

Inherited from

Node.showSelected

---

style

style: Style

样式

Inherited from

Node.style

---

textRotation

textRotation: number

文本的旋转角度，相对于节点

Inherited from

Node.textRotation

---

type

Optional type: string

类型，自定义类型

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

比用data属性更方便一点

Since

2.4.0

Inherited from

Node.type

---

z

z: number

Inherited from

Node.z

Accessors

bottom

get bottom(): number

Since

2.4.0

Returns

number

Inherited from

Node.bottom

set bottom(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.bottom

---

height

get height(): number

Returns

number

Inherited from

Node.height

set height(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.height

---

image

get image(): HTMLImageElement

Since

2.5.0

Returns

HTMLImageElement

Inherited from

Node.image

set image(v): void

Since

2.5.0

Parameters

Name	Type
v	HTMLImageElement

Returns

void

Inherited from

Node.image

---

imageSrc

get imageSrc(): string

获取图片的src

Returns

string

Inherited from

Node.imageSrc

set imageSrc(v): void

使用src来设置图片

Parameters

Name	Type
v	string

Returns

void

Inherited from

Node.imageSrc

---

left

get left(): number

Since

2.4.0

Returns

number

Inherited from

Node.left

set left(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.left

---

originAutoRotate

get originAutoRotate(): boolean

Returns

boolean

Inherited from

Node.originAutoRotate

set originAutoRotate(v): void

Parameters

Name	Type
v	boolean

Returns

void

Inherited from

Node.originAutoRotate

---

right

get right(): number

Since

2.4.0

Returns

number

Inherited from

Node.right

set right(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.right

---

rotation

get rotation(): any

Returns

any

Inherited from

Node.rotation

set rotation(v): void

Parameters

Name	Type
v	any

Returns

void

Inherited from

Node.rotation

---

scaleX

get scaleX(): number

Returns

number

Inherited from

Node.scaleX

set scaleX(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.scaleX

---

scaleY

get scaleY(): number

Returns

number

Inherited from

Node.scaleY

set scaleY(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.scaleY

---

skewX

get skewX(): number

Returns

number

Inherited from

Node.skewX

set skewX(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.skewX

---

skewY

get skewY(): number

Returns

number

Inherited from

Node.skewY

set skewY(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.skewY

---

text

get text(): string

Returns

string

Inherited from

Node.text

set text(v): void

Parameters

Name	Type
v	string

Returns

void

Inherited from

Node.text

---

top

get top(): number

Since

2.4.0

Returns

number

Inherited from

Node.top

set top(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.top

---

userData

get userData(): any

Deprecated

已过时，请使用更简短的：data 属性替代

Returns

any

Inherited from

Node.userData

set userData(v): void

Deprecated

已过时，请使用更简短的：data 属性替代

Parameters

Name	Type
v	any

Returns

void

Inherited from

Node.userData

---

visible

get visible(): boolean

Returns

boolean

Inherited from

Node.visible

set visible(v): void

Parameters

Name	Type
v	boolean

Returns

void

Inherited from

Node.visible

---

width

get width(): number

Returns

number

Inherited from

Node.width

set width(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.width

---

x

get x(): number

Returns

number

Inherited from

Node.x

set x(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.x

---

y

get y(): number

Returns

number

Inherited from

Node.y

set y(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.y

---

zIndex

get zIndex(): number

Returns

number

Inherited from

Node.zIndex

set zIndex(v): void

Parameters

Name	Type
v	number

Returns

void

Inherited from

Node.zIndex

Methods

addChild

addChild(child): RatioNode

增加子对象

Parameters

Name	Type
child	DisplayObject

Returns

RatioNode

Inherited from

Node.addChild

---

addChilds

addChilds(childs): void

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

但是：互为子节点、重复添加的情形需要开发者来确保避免。

Parameters

Name	Type
childs	DisplayObject[]

Returns

void

Inherited from

Node.addChilds

---

addClass

addClass(styleName): void

增加一个样式

obj.addClass('.focus');

Parameters

Name	Type
styleName	string

Returns

void

Inherited from

Node.addClass

---

addEventListener

addEventListener(type, callback): void

增加事件监听

Parameters

Name	Type	Description
type	string	事件类型
callback	Function

Returns

void

Inherited from

Node.addEventListener

---

alignOriginToLink

alignOriginToLink(position, segIndex?, t?, originOffset?): void

设置附着在Link上的位置，只有父节点是Link时有效

例如：

// 将节点的 center 位置 始终对齐父对象（Link的时候）上 第1条线段的中心(0.5), 线段当前方向偏移2像素的距离
node.alignOriginToLink('center', 0, 0.5, 2);

Parameters

Name	Type	Description
position	RectPosition	自身位置
segIndex?	number	Link上线段索引
t?	number	Link上的位置（百分比)
originOffset?	number	偏移量（沿着线段当前方向）

Returns

void

Inherited from

Node.alignOriginToLink

---

alignOriginToNode

alignOriginToNode(position, parentPosition?): void

将某一个位置对齐到父对象(父对象为Node的时候) 的某个位置上

Parameters

Name	Type	Default value	Description
position	RectPosition	undefined
parentPosition	RectPosition	'center'	默认为'center'

Returns

void

Inherited from

Node.alignOriginToNode

---

changeParent

changeParent(newParent): RatioNode

修改父对象但保持屏幕坐标不变

Parameters

Name	Type
newParent	DisplayObject

Returns

RatioNode

Inherited from

Node.changeParent

---

clearCss

clearCss(): void

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

Returns

void

Inherited from

Node.clearCss

---

css

css(styleOption, value?): RatioNode

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

node.css({
   border: 'solid 1px gray',
   borderRadius: 5,
   font: 'bold 11px arial',
   color: 'gray',
   textPosition: 'center',
   textAlign: 'center',
   textBaseline: 'middle',
});

Parameters

Name	Type
styleOption	string | StyleOptions
value?	any

Returns

RatioNode

Inherited from

Node.css

---

destory

destory(): void

销毁，释放相关的资源引用,一旦销毁，对象不能再被访问，访问就会报错。

注意：销毁后，所有事件回调、动画、定时器等均不能再访问，否则会报错。

Returns

void

Inherited from

Node.destory

---

dispatchEvent

dispatchEvent(event): void

分发事件

Parameters

Name	Type
event	any

Returns

void

Inherited from

Node.dispatchEvent

---

draw

draw(ctx): void

Parameters

Name	Type
ctx	any

Returns

void

Overrides

Node.draw

---

drawShape

drawShape(ctx): void

Parameters

Name	Type
ctx	any

Returns

void

Inherited from

Node.drawShape

---

getAABB

getAABB(recursive?): Rectangle

获取对象在Layer中的aabb包围盒

Parameters

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

Returns

Rectangle

Inherited from

Node.getAABB

---

getAllLinks

getAllLinks(): DisplayObject[]

递归式 获取所有连线对象

Returns

DisplayObject[]

所有连线对象

Inherited from

Node.getAllLinks

---

getAllNodes

getAllNodes(): DisplayObject[]

递归式 获取所有节点对象

Returns

DisplayObject[]

所有节点对象

Inherited from

Node.getAllNodes

---

getChildren

getChildren(): DisplayObject[]

获取所有子对象

Returns

DisplayObject[]

Inherited from

Node.getChildren

---

getComputedStyle

getComputedStyle(obj): Style

获取指定对象样式层叠计算后的样式(只读，不要修改返回的对象)

Parameters

Name	Type
obj	DisplayObject

Returns

Style

Inherited from

Node.getComputedStyle

---

getImage

getImage(callback?): Promise<HTMLImageElement>

获取图片，注意图片的加载是异步

图片如果不存在或者加载失败image为null

node.getImage().then(function(image){
if(image == null){
   return;
}
console.log(image);
})

Parameters

Name	Type
callback?	Function

Returns

Promise<HTMLImageElement>

Inherited from

Node.getImage

---

getLinkChildren

getLinkChildren(recursive): any[]

Parameters

Name	Type
recursive	any

Returns

any[]

Inherited from

Node.getLinkChildren

---

getLinks

getLinks(): Link[]

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

Returns

Link[]

Inherited from

Node.getLinks

---

getLocalPoint

getLocalPoint(t, segIndex?): PointLike

获取对象边框或者线上某一点(本地坐标系)

Parameters

Name	Type
t	number
segIndex?	number

Returns

PointLike

Inherited from

Node.getLocalPoint

---

getPoint

getPoint(t, segIndex?): PointLike

获取对象上某一点

Parameters

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

Returns

PointLike

Inherited from

Node.getPoint

---

getPositionNames

getPositionNames(): string[]

获取本对象上定义的所有位置名称

Returns

string[]

Inherited from

Node.getPositionNames

---

getPositionNormal

getPositionNormal(name): number[]

Parameters

Name	Type
name	string

Returns

number[]

Inherited from

Node.getPositionNormal

---

getRect

getRect(): Rectangle

Returns

Rectangle

Inherited from

Node.getRect

---

getRoot

getRoot(): RatioNode

获取'root'对象, 沿着parent一直向上追溯

Returns

RatioNode

Inherited from

Node.getRoot

---

getSegmentPoints

getSegmentPoints(): PointLike[]

Returns

PointLike[]

Inherited from

Node.getSegmentPoints

---

getStageTransform

getStageTransform(): any

Returns

any

Inherited from

Node.getStageTransform

---

getStyle

getStyle(name): any

读取某个样式的值

Parameters

Name	Type
name	string

Returns

any

Inherited from

Node.getStyle

---

getTransform

getTransform(): Transform

Returns

Transform

Inherited from

Node.getTransform

---

getUserData

getUserData(): any

读取用户自定义的数据

Returns

any

Inherited from

Node.getUserData

---

getWorldTransform

getWorldTransform(): any

Returns

any

Inherited from

Node.getWorldTransform

---

hasChild

hasChild(child): boolean

是否拥有子对象

Parameters

Name	Type
child	DisplayObject

Returns

boolean

Inherited from

Node.hasChild

---

hasChildren

hasChildren(): boolean

Returns

boolean

Inherited from

Node.hasChildren

---

hasClass

hasClass(styleName): boolean

检测是否拥有某个样式类

node.hasClass('.focus');

Since

2.4.0

Parameters

Name	Type
styleName	string

Returns

boolean

Inherited from

Node.hasClass

---

hasListener

hasListener(type): boolean

是否有该类型的监听

Parameters

Name	Type
type	string

Returns

boolean

Inherited from

Node.hasListener

---

hide

hide(): RatioNode

隐藏

Returns

RatioNode

Inherited from

Node.hide

---

hideAllChild

hideAllChild(): void

隐藏所有下级节点

Returns

void

Inherited from

Node.hideAllChild

---

isConnected

isConnected(): boolean

是否被任意Link连接到

Since

2.4.0

Returns

boolean

Inherited from

Node.isConnected

---

isOutOfParent

isOutOfParent(): boolean

是否超出了父节点的矩形区域

Returns

boolean

Inherited from

Node.isOutOfParent

---

isVisible

isVisible(): boolean

判断是否可见

Returns

boolean

Inherited from

Node.isVisible

---

nearest

nearest(x, y): any

Parameters

Name	Type
x	number
y	number

Returns

any

Inherited from

Node.nearest

---

on

on(type, callback): void

增加监听事件, 功能完全等同于addEventListener，一种简写

Parameters

Name	Type	Description
type	string	事件类型
callback	Function	事件处理函数

Returns

void

Inherited from

Node.on

---

pickable

pickable(): boolean

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

pickable() {
   return this.mouseEnabled;
}

Returns

boolean

Inherited from

Node.pickable

---

positionToLocalPoint

positionToLocalPoint(name, x?, y?): PointLike

得到对象内部位置坐标（参照左上角为0，0）

Parameters

Name	Type	Description
name	string	位置名称
x?	number	name为nearest时需要
y?	number	name为nearest时需要

Returns

PointLike

Inherited from

Node.positionToLocalPoint

---

querySelector

querySelector(querySelector): DisplayObject

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

Parameters

Name	Type
querySelector	string | Function

Returns

DisplayObject

Inherited from

Node.querySelector

---

querySelectorAll

querySelectorAll(querySelector?): DisplayObject[]

对象选择器

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

支持的语法形式如下：

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

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

let arr = layer.querySelectorAll((e)=>e.x > 20 && e.y < 100);

//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 | Function

Returns

DisplayObject[]

Inherited from

Node.querySelectorAll

---

remove

remove(): RatioNode

removeFromParent的简写。

推荐使用语义更明确的：removeFromParent()来替代。

Returns

RatioNode

Inherited from

Node.remove

---

removeAllChild

removeAllChild(): RatioNode

移除所有子对象

Returns

RatioNode

Inherited from

Node.removeAllChild

---

removeAllClass

removeAllClass(): void

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

obj.removeAllClass();

Returns

void

Inherited from

Node.removeAllClass

---

removeChild

removeChild(child): RatioNode

移除一个子对象

Parameters

Name	Type
child	DisplayObject

Returns

RatioNode

Inherited from

Node.removeChild

---

removeChilds

removeChilds(childs): RatioNode

移除多个子对象

Parameters

Name	Type
childs	DisplayObject[]

Returns

RatioNode

Inherited from

Node.removeChilds

---

removeClass

removeClass(styleName): void

移除一个样式

obj.removeClass('.focus');

Parameters

Name	Type
styleName	string

Returns

void

Inherited from

Node.removeClass

---

removeEventListener

removeEventListener(type, callback): any

移除一个事件监听

Parameters

Name	Type
type	string
callback	Function

Returns

any

Inherited from

Node.removeEventListener

---

removeFromParent

removeFromParent(): RatioNode

从父容器中移除

Returns

RatioNode

Inherited from

Node.removeFromParent

---

removeUserData

removeUserData(): RatioNode

移除用户自定义的数据

Deprecated

已过时，直接设置 data 为空对象或者null 即可

Returns

RatioNode

Inherited from

Node.removeUserData

---

resize

resize(width, height): RatioNode

设置尺寸

Parameters

Name	Type	Description
width	number	宽度
height	number	高度

Returns

RatioNode

Inherited from

Node.resize

---

resizeTo

resizeTo(width, height): RatioNode

Parameters

Name	Type
width	number
height	number

Returns

RatioNode

Inherited from

Node.resizeTo

---

resizeToFitImage

resizeToFitImage(): void

调整尺寸到图片的实际大小

Returns

void

Inherited from

Node.resizeToFitImage

---

resizeWith

resizeWith(w, h): RatioNode

原有尺寸基础上增加

Parameters

Name	Type
w	number
h	number

Returns

RatioNode

Inherited from

Node.resizeWith

---

rotate

rotate(angle): RatioNode

旋转

Parameters

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

Returns

RatioNode

Inherited from

Node.rotate

---

rotateTo

rotateTo(angle): RatioNode

旋转

Parameters

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

Returns

RatioNode

Inherited from

Node.rotateTo

---

rotateWith

rotateWith(angle): RatioNode

旋转-增量性

Parameters

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

Returns

RatioNode

Inherited from

Node.rotateWith

---

scale

scale(x, y): RatioNode

缩放

Parameters

Name	Type
x	number
y	number

Returns

RatioNode

Inherited from

Node.scale

---

scaleBy

scaleBy(x, y): RatioNode

Parameters

Name	Type
x	any
y	any

Returns

RatioNode

Inherited from

Node.scaleBy

---

scaleTo

scaleTo(x, y): RatioNode

Parameters

Name	Type
x	number
y	number

Returns

RatioNode

Inherited from

Node.scaleTo

---

screenToLocalVec

screenToLocalVec(vec): Vec2

将一个屏幕坐标系下的向量转换到本地坐标系 @@since 2.5.0

Parameters

Name	Type
vec	Vec2

Returns

Vec2

Inherited from

Node.screenToLocalVec

---

screenToLocalXY

screenToLocalXY(x, y): any

将一个屏幕坐标转换到本地坐标系

Parameters

Name	Type
x	number
y	number

Returns

any

Inherited from

Node.screenToLocalXY

---

setImage

setImage(imgObj, fitSize?): RatioNode

设置图片

Parameters

Name	Type	Default value	Description
imgObj	string | HTMLImageElement | HTMLCanvasElement	undefined	图片对象(Image)、图片路径、或者Canvas
fitSize	boolean	false	-

Returns

RatioNode

Inherited from

Node.setImage

---

setOrigin

setOrigin(lineSegmentIndex, t): RatioNode

设置坐标原点

已过时，未来可能删除，请使用 setXYOnLink(lineSegmentIndex, t) 替代 只有Node节点才有setXYOnLink() 方法

Deprecated

已过时，

Parameters

Name	Type
lineSegmentIndex	number
t	number

Returns

RatioNode

Inherited from

Node.setOrigin

---

setOriginToPosition

setOriginToPosition(name): RatioNode

将坐标原点设置到父的某个位置上

Parameters

Name	Type
name	string

Returns

RatioNode

Inherited from

Node.setOriginToPosition

---

setRotateCenter

setRotateCenter(position): RatioNode

Parameters

Name	Type
position	RectPosition

Returns

RatioNode

Inherited from

Node.setRotateCenter

---

setShape

setShape(shape): void

设置节点的形状

Parameters

Name	Type
shape	Shape

Returns

void

Inherited from

Node.setShape

---

setStyles

setStyles(styleOpt, value?): RatioNode

完全等价于css 方法

Parameters

Name	Type
styleOpt	StyleOptions
value?	any

Returns

RatioNode

Inherited from

Node.setStyles

---

setText

setText(v): void

Parameters

Name	Type
v	string

Returns

void

Inherited from

Node.setText

---

setUserData

setUserData(data): RatioNode

设置用户自定义数据

直接在节点对象上增加属性不是稳妥的方法，若要向节点增加额外的属性，应该调用此方法

Deprecated

已过时，直接访问 data 即可

Parameters

Name	Type
data	any

Returns

RatioNode

Inherited from

Node.setUserData

---

setXY

setXY(x, y): RatioNode

设置坐标， translate的简写

Parameters

Name	Type
x	number
y	number

Returns

RatioNode

Inherited from

Node.setXY

---

setXYOnLink

setXYOnLink(lineSegmentIndex, t): RatioNode

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

Since

2.4.0

Parameters

Name	Type
lineSegmentIndex	number
t	number

Returns

RatioNode

Inherited from

Node.setXYOnLink

---

setZIndex

setZIndex(index): void

设置zIndex

Parameters

Name	Type
index	number

Returns

void

Inherited from

Node.setZIndex

---

setzIndex

setzIndex(index): void

请使用 setZIndex(Z大写)

Deprecated

Parameters

Name	Type
index	number

Returns

void

Inherited from

Node.setzIndex

---

show

show(): RatioNode

显示

Returns

RatioNode

Inherited from

Node.show

---

showAllChild

showAllChild(): void

显示所有下级节点

Returns

void

Inherited from

Node.showAllChild

---

skew

skew(skewX, skewY): RatioNode

错切

Parameters

Name	Type
skewX	number
skewY	number

Returns

RatioNode

Inherited from

Node.skew

---

stageToLocalVec

stageToLocalVec(vec): Vec2

Deprecated

v2.5.0 后使用 screenToLocalVec 替代

Parameters

Name	Type
vec	Vec2

Returns

Vec2

Inherited from

Node.stageToLocalVec

---

stageToLocalXY

stageToLocalXY(x, y): any

Deprecated

v2.5.0 后使用 screenToLocalXY 替代

Parameters

Name	Type
x	number
y	number

Returns

any

Inherited from

Node.stageToLocalXY

---

toJSON

toJSON(indexInfo?): SerializedDisplayObject

Parameters

Name	Type
indexInfo?	any

Returns

SerializedDisplayObject

Inherited from

Node.toJSON

---

toLayerXY

toLayerXY(x, y): PointLike

Deprecated

v2.5.0 后使用 toWorldXY 替代

Parameters

Name	Type
x	number
y	number

Returns

PointLike

Inherited from

Node.toLayerXY

---

toScreenXY

toScreenXY(x, y): any

将一个本地坐标转到屏幕(实际是canvas)坐标系

cavnas的左上角为0,0

Since

2.5.0

Parameters

Name	Type
x	number
y	number

Returns

any

Inherited from

Node.toScreenXY

---

toStageXY

toStageXY(x, y): any

Deprecated

v2.5.0 后使用 toSreenXY 替代

Parameters

Name	Type
x	number
y	number

Returns

any

Inherited from

Node.toStageXY

---

toWorldXY

toWorldXY(x, y): PointLike

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

Since

2.5.0

Parameters

Name	Type
x	number
y	number

Returns

PointLike

Inherited from

Node.toWorldXY

---

transformPoint

transformPoint(p): Object

Parameters

Name	Type
p	PointLike

Returns

Object

Name	Type
x	number
y	number

Inherited from

Node.transformPoint

---

translate

translate(x, y): RatioNode

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

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

Parameters

Name	Type
x	number
y	number

Returns

RatioNode

Inherited from

Node.translate

---

translatePositionTo

translatePositionTo(positionName, x, y): void

平移对象上的的某个位置到指定位置(x,y),整个对象随之移动

// 平移节点的右上角到 100,100 处
node.translatePositionTo('rt', 100, 100);

Parameters

Name	Type
positionName	string
x	number
y	number

Returns

void

Inherited from

Node.translatePositionTo

---

translateTo

translateTo(x, y): RatioNode

Parameters

Name	Type
x	number
y	number

Returns

RatioNode

Inherited from

Node.translateTo

---

translateWith

translateWith(x, y): RatioNode

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

Parameters

Name	Type
x	number
y	number

Returns

RatioNode

Inherited from

Node.translateWith

---

updateZIndex

updateZIndex(): void

Returns

void

Inherited from

Node.updateZIndex

---

updatezIndex

updatezIndex(): void

请使用 upateZIndex(Z大写)

Deprecated

Returns

void

Inherited from

Node.updatezIndex

---

zoom

zoom(sx, sy, cx?, cy?): RatioNode

以中心点cx，cy做缩放

Parameters

Name	Type	Description
sx	number	水平缩放
sy	number	垂直缩放
cx?	number	中心x
cy?	number	中心y

Returns

RatioNode

Inherited from

Node.zoom

---

zoomIn

zoomIn(): RatioNode

放大到1.25

Returns

RatioNode

Inherited from

Node.zoomIn

---

zoomOut

zoomOut(): RatioNode

缩小到0.8

Returns

RatioNode

Inherited from

Node.zoomOut

---

flatten

Static flatten(arr, cond?, breadthFirst?): DisplayObject[]

Parameters

Name	Type
arr	DisplayObject[]
cond?	Function
breadthFirst?	boolean

Returns

DisplayObject[]

Inherited from

Node.flatten

---

getNoChildrensObjects

Static getNoChildrensObjects(arr): DisplayObject[]

Parameters

Name	Type
arr	DisplayObject[]

Returns

DisplayObject[]

Inherited from

Node.getNoChildrensObjects