API Docs for: TWaver HTML5 5.7.5
Show:

twaver.canvas.interaction.ScrollInteraction Class

滚动条交互处理器

用于处理对滚动条的交互操作

Constructor

twaver.canvas.interaction.ScrollInteraction

(
  • network
)
twaver.canvas.interaction.ScrollInteraction

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.ScrollInteraction.getScrollBarColor

() String

获取滚动条颜色

Returns:

String:

返回滚动条颜色,默认为#cccccc

twaver.canvas.interaction.ScrollInteraction.getScrollBarWidth

() Number

获取滚动条宽度

Returns:

Number:

返回滚动条宽度

twaver.canvas.interaction.ScrollInteraction.handle_mousedown

(
  • e
)

处理鼠标按下事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.ScrollInteraction.handle_mouseout

(
  • e
)

处理鼠标移出事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.ScrollInteraction.handle_mouseover

(
  • e
)

处理鼠标移入事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.ScrollInteraction.handleMouseMove

(
  • e
)

处理鼠标移动事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.ScrollInteraction.handleMouseUp

(
  • e
)

处理鼠标弹起事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.ScrollInteraction.handleMouseWheel

(
  • e
)

处理鼠标滚轮事件

Parameters:

  • e MouseEvent

    鼠标事件

twaver.canvas.interaction.ScrollInteraction.handleViewRectChange

(
  • e
)

处理拓扑图大小变化事件

Parameters:

  • e Object

    拓扑图事件

twaver.canvas.interaction.ScrollInteraction.paintRoundRect

(
  • ctx
  • fillStyle
  • alpha
  • x
  • y
  • w
  • h
  • r
)

绘制圆角矩形

Parameters:

  • ctx CanvasRenderingContext2D

    画布上下文

  • fillStyle String

    填充色

  • alpha Number

    透明度

  • x Number

    x坐标

  • y Number

    y坐标

  • w Number

    宽度

  • h Number

    高度

  • r Number

    圆角半径

twaver.canvas.interaction.ScrollInteraction.scrollXOffset

(
  • left
)

沿x轴方向平移

Parameters:

  • left Boolean

    是否向左平移

twaver.canvas.interaction.ScrollInteraction.scrollYOffset

(
  • up
)

沿y轴方向平移

Parameters:

  • up Boolean

    是否向上平移

twaver.canvas.interaction.ScrollInteraction.validateScrollBar

()

重新绘制滚动条