# Link

LinkNetV.js 的一个基本对象. 它默认被可视化成一条直线 (没有箭头).

# 操作

获取或者设置边的源头节点.

  • Link.source(): 获取边的源头节点 (一个 Node 对象).
  • Link.source(Node): 设置边的源头节点.

Link.source() 一样.

获取或者设置边的源头节点和目标节点.

  • Link.sourceTarget(): 返回一个对象,包含了边的源头节点和目标节点 ({source: Node, target: Node}).

  • Link.sourceTarget( {source: Node, target: Node} ): 设置边的源头节点和目标节点.

    const linkOneTwo = netV.getLinkByEnds('1', '2')
    const nodeOne = netV.getNodeById('1')
    const nodeThree = netV.getNodeById('3')
    linkOneTwo.sourceTarget({
        source: nodeOne,
        target: nodeThree
    }) // 改变 linkOneTwo's 目标节点到 nodeThree
    

# 样式

link-style
const linkOneTwo = netV.getLinkByEnds('1', '2')
link.strokeWidth(4)
link.strokeColor({ r: 0, g: 0.44, b: 0.74, a: 1 })
netV.draw()

获取或者设置边的颜色.

  • Link.strokeColor(): 获取边的颜色 (一个 Color 对象 ).
  • Link.strokeColor(Color): 设置边的颜色.

获取或者设置边的宽度.

  • Link.strokeWidth(): 获取边的宽度 (一个数字).
  • Link.strokeWidth( number ): 设置边的宽度.

# 交互

Link.on(eventName: string, callback?: (e:Event) => {}): 为边添加交互事件,支持的事件类型包括: 'mousedown', 'mouseup', 'click', 'mouseover', and 'mouseout'.

Link.off(eventName, callback?: (e:Event) => {}): 删除绑定在边上的交互回调函数,如果未指定callback,将删除所有对应事件的回调。

Last Updated: 3/8/2021, 6:33:29 PM