API Docs for: TWaver HTML5 5.7.5
Show:

twaver.network.interaction.CreateShapeNodeInteraction Class

创建多边形交互处理器

在Network上多次点击不同位置设置多边形的points属性,最后双击结束,可以用Network#setCreateShapeNodeInteractions快速切换当前交互模式为创建连线模式

Constructor

twaver.network.interaction.CreateShapeNodeInteraction

(
  • network
  • [typeOrShapeNodeFunction]
)
twaver.network.interaction.CreateShapeNodeInteraction

Parameters:

  • network String

    拓扑

  • [typeOrShapeNodeFunction] Object optional

    多边形类型或者多边形生成器方法,可选,默认值为twaver.ShapeNode

Example:

network.setInteractions([ new twaver.network.interaction.CreateShapeNodeInteraction(network, twaver.ShapeNode), new twaver.network.interaction.DefaultInteraction(network) ]);

network.setInteractions([ new twaver.network.interaction.CreateShapeNodeInteraction(network, function (points) { var shapeNode = new twaver.ShapeNode(); shapeNode.setStyle('vector.fill.color', 'red'); if(points){ shapeNode.setPoints(points); } return shapeNode; }), new twaver.network.interaction.DefaultInteraction(network) ]);

Methods

twaver.network.interaction.BaseInteraction.addListener

()

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

twaver.network.interaction.BaseInteraction.getClassName

() String

获取此类的字符串类名

Returns:

String:

返回类名

twaver.network.interaction.BaseInteraction.removeListener

()

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

twaver.network.interaction.BaseInteraction.setUp

()

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

twaver.network.interaction.BaseInteraction.tearDown

()

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

twaver.network.interaction.CreateShapeNodeInteraction.clear

()

创建多边形结束后,清除临时状态

twaver.network.interaction.CreateShapeNodeInteraction.handle_mousedown

(
  • e
)

处理鼠标按下

Parameters:

  • e MouseEvent

    鼠标事件

twaver.network.interaction.CreateShapeNodeInteraction.handle_mousemove

(
  • e
)

处理鼠标移动

Parameters:

  • e MouseEvent

    鼠标事件

twaver.network.interaction.CreateShapeNodeInteraction.updateMark

(
  • e
)

鼠标移动或者点击时,更新当前正在创建的多边形

Parameters:

  • e MouseEvent

    鼠标事件