API Docs for: TWaver HTML5 5.7.5
Show:

twaver.canvas.interaction.CreateShapeLinkInteraction Class

Extends twaver.canvas.interaction.CreateLinkInteraction

创建折线交互处理器

在Network上单击任意网元设置折线的开始节点，多次点击不同的背景位置设置折线的points属性，再次点击任意网元设置折线的结束节点，可以用Network#setCreateShapeLinkInteractions快速切换当前交互模式为创建连线模式

Constructor

twaver.canvas.interaction.CreateShapeLinkInteraction

(
  • network
  • [typeOrLinkFunction]
)
twaver.network.interaction.CreateShapeLinkInteraction

Parameters:

  • network twaver.network.Network

    拓扑

  • [typeOrLinkFunction] Object optional

    折线类型或者折线生成器方法，可选，默认值为twaver.ShapeLink

Returns:

twaver.network.interaction.CreateShapeLinkInteraction:

Example:

network.setInteractions([ new twaver.network.interaction.CreateShapeLinkInteraction(network, twaver.ShapeLink), new twaver.network.interaction.DefaultInteraction(network) ]);

network.setInteractions([ new twaver.network.interaction.CreateShapeLinkInteraction(network, function (fromNode, toNode, points) { var link = new twaver.ShapeLink(); link.setFromNode(fromNode); link.setToNode(toNode); link.setStyle('link.color', 'red'); if(points){ link.setPoints(points); } return link; }), new twaver.network.interaction.DefaultInteraction(network) ]);

Methods

twaver.canvas.interaction.BaseInteraction.addListener

()

Inherited from twaver.canvas.interaction.BaseInteraction:

批量添加事件监听器，参数个数不限，类型为String，值为所有合法的事件类型：比如mousedown，mouseup；此方法会查找函数名为"handle_"加"事件类型"（handle_mousedown，handle_mousedown）的函数，作为指定事件类型的回调函数。此方法一般在setUp方法里被调用

twaver.canvas.interaction.BaseInteraction.convertFromUIToMarkerRect

(
  • vr
  • xoff
  • yoff
)
Object

Inherited from twaver.canvas.interaction.BaseInteraction:

获取缩放和便宜后的矩形对象

Parameters:

  • vr Object

    矩形对象

  • xoff Number

    x轴偏移量

  • yoff Number

    y轴偏移量

Returns:

Object:

返回缩放和便宜后的矩形对象

twaver.canvas.interaction.BaseInteraction.convertPointFromView

(
  • p
)
Object

Inherited from twaver.canvas.interaction.BaseInteraction:

获取缩放和平移后的坐标点

Parameters:

  • p Object

    坐标点

Returns:

Object:

返回缩放和平移后的坐标点

twaver.canvas.interaction.BaseInteraction.getClassName

() String

Inherited from twaver.canvas.interaction.BaseInteraction:

获取此类的字符串类名

Returns:

String:

返回类名

twaver.canvas.interaction.BaseInteraction.getMarkerPoint

(
  • e
)
Object

Inherited from twaver.canvas.interaction.BaseInteraction:

获取鼠标点所在的位置

Parameters:

  • e MouseEvent

    鼠标事件

Returns:

Object:

返回鼠标点所在的位置

twaver.canvas.interaction.BaseInteraction.paint

(
  • ctx
)

Inherited from twaver.canvas.interaction.BaseInteraction:

绘制交互模式

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

twaver.canvas.interaction.BaseInteraction.removeListener

()

Inherited from twaver.canvas.interaction.BaseInteraction:

批量删除事件监听器，参数个数不限，类型为String，值为所有合法的事件类型：比如mousedown，mouseup；此方法会删除指定事件类型的函数名为"hanle_"加"事件类型"（handle_mousedown，handle_mousedown）的监听器。此方法一般在tearDown方法里被调用

twaver.canvas.interaction.BaseInteraction.repaint

()

Inherited from twaver.canvas.interaction.BaseInteraction:

重绘交互模式

twaver.canvas.interaction.BaseInteraction.setUp

()

Inherited from twaver.canvas.interaction.BaseInteraction:

初始化交互处理器，一般调用addListener方法添加鼠标、键盘以及触摸事件监听器；Network#setInteractions会调用此方法

twaver.canvas.interaction.BaseInteraction.tearDown

()

Inherited from twaver.canvas.interaction.BaseInteraction:

销毁交互处理器，一般调用removeListener方法删除鼠标、键盘以及触摸事件监听器；使用Network#setInteractions切换交互处理器时会调用此方法撤销旧的交互处理器

twaver.canvas.interaction.CreateLinkInteraction.clear

()

Inherited from twaver.canvas.interaction.CreateLinkInteraction:

创建连线结束后，清除临时状态

twaver.canvas.interaction.CreateLinkInteraction.getFromNode

(
  • e
)
twaver.Node

Inherited from twaver.canvas.interaction.CreateLinkInteraction:

获取当前鼠标下的节点，并作为将要创建的连线的起始节点

Parameters:

  • e MouseEvent

    鼠标事件

Returns:

twaver.Node:

返回当前鼠标下的节点

twaver.canvas.interaction.CreateLinkInteraction.getNode

(
  • e
)
twaver.Node

Inherited from twaver.canvas.interaction.CreateLinkInteraction:

获取鼠标下的节点

Parameters:

  • e MouseEvent

    鼠标事件

Returns:

twaver.Node:

返回鼠标下的节点

twaver.canvas.interaction.CreateLinkInteraction.getToNode

(
  • e
)
twaver.Node

Inherited from twaver.canvas.interaction.CreateLinkInteraction:

获取当前鼠标下的节点，并作为将要创建的连线的结束节点

Parameters:

  • e MouseEvent

    鼠标事件

Returns:

twaver.Node:

返回当前鼠标下的节点

twaver.canvas.interaction.CreateLinkInteraction.handle_mousedown

(
  • e
)

Inherited from twaver.canvas.interaction.CreateLinkInteraction:

处理鼠标按下事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.CreateLinkInteraction.handle_mousemove

(
  • e
)

Inherited from twaver.canvas.interaction.CreateLinkInteraction:

处理鼠标移动事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.CreateLinkInteraction.paintLine

(
  • ctx
)

Inherited from twaver.canvas.interaction.CreateLinkInteraction:

从起始点画线到鼠标当前点

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文