动画层是播放动画的独立图层。主要是局部更新,提高性能。通常,动画节点和连线不会特别多,为了避免因少数节点/连线的动画而实时全局刷新。

class AnimateLayer

成员变量列表

名称 类型 是否必选 描述
canvas
HTMLElement 画布dom元素
nodes Nodes[] 节点数据
lines Line[] 连线数据
last number 私有成员 上一帧动画播放时间
timer number
播放动画的定时器


成员函数列表

constructor构造函数

constructor(parent: HTMLElement, public options: Options)

参数

名称 类型 是否必选 描述
parent HTMLElement 父dom元素
options Options 画布大小、颜色、字体等初始状态
参考:Options

render渲染画布

render()

resize重置画布大小

resize(width: number, height: number)

addNode添加节点到动画层

addNode(node: Node)

addLine添加连线到动画层

addLine(line: Line)

animate播放动画

animate()