API Docs for: TWaver HTML5 5.7.5
Show:

twaver.canvas.interaction.SelectInteraction Class

选择交互处理器

选择网元交互模式,点击空白区域时清空选中,点击网元时选中网元,框选时,选中框选区域中的网元。

框选时,选择模式(当框选网元时,哪些网元会被选中)会影响如何选择网元,默认值为twaver.Defaults.NETWORK_SELECT_MODE(mix)

可选值为:

mix 混合模式(从左上角往右下角框选时为contain模式,从右下角往左上角框选时为intersect模式)

intersect 相交模式(只要和选择区域相交的网元都会被选中)

contain 包含模式(只有完全被选择区域包含的网元会被选中)

Constructor

twaver.canvas.interaction.SelectInteraction

(
  • network
)
twaver.network.interaction.SelectInteraction

Parameters:

Methods

twaver.canvas.interaction.BaseInteraction.addListener

()

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

twaver.canvas.interaction.BaseInteraction.convertFromUIToMarkerRect

(
  • vr
  • xoff
  • yoff
)
Object

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

Parameters:

  • vr Object

    矩形对象

  • xoff Number

    x轴偏移量

  • yoff Number

    y轴偏移量

Returns:

Object:

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

twaver.canvas.interaction.BaseInteraction.convertPointFromView

(
  • p
)
Object

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

Parameters:

  • p Object

    坐标点

Returns:

Object:

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

twaver.canvas.interaction.BaseInteraction.getClassName

() String

获取此类的字符串类名

Returns:

String:

返回类名

twaver.canvas.interaction.BaseInteraction.getMarkerPoint

(
  • e
)
Object

获取鼠标点所在的位置

Parameters:

  • e MouseEvent

    鼠标事件

Returns:

Object:

返回鼠标点所在的位置

twaver.canvas.interaction.BaseInteraction.paint

(
  • ctx
)

绘制交互模式

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

twaver.canvas.interaction.BaseInteraction.removeListener

()

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

twaver.canvas.interaction.BaseInteraction.repaint

()

重绘交互模式

twaver.canvas.interaction.BaseInteraction.setUp

()

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

twaver.canvas.interaction.BaseInteraction.tearDown

()

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

twaver.canvas.interaction.SelectInteraction.end

(
  • e
)

框选结束时,选中网元

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.SelectInteraction.getIntersectMode

() Boolean

获取是否使用相交模式(只要和选择区域相交的网元都会被选中)

Returns:

Boolean:

如果是相交模式,则返回true,否则返回false

twaver.canvas.interaction.SelectInteraction.handle_mousedown

(
  • e
)

处理鼠标按下

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.SelectInteraction.handle_mousemove

(
  • e
)

处理鼠标移动

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.SelectInteraction.handle_mouseup

(
  • e
)

处理鼠标弹起

Parameters:

  • e MouseEvent

    鼠标事件