API Docs for: TWaver HTML5 5.7.5
Show:

twaver.network.interaction.MagnifyInteraction Class

Extends twaver.network.interaction.BaseInteraction

放大镜交互处理器

用于处理放大镜的交互操作

Constructor

twaver.network.interaction.MagnifyInteraction

(
  • network
  • [zoom]
  • [xRadius]
  • [yRadius]
  • [shape]
)
twaver.network.interaction.MagnifyInteraction

Parameters:

  • network twaver.network.Network

    拓扑

  • [zoom] Number optional

    缩放比例，可选，默认值为2

  • [xRadius] Number optional

    水平半径，可选，默认值为100

  • [yRadius] Number optional

    垂直半径，可选，默认值为100

  • [shape] String optional

    放大镜形状，可选，默认值为圆形

Returns:

twaver.network.interaction.MagnifyInteraction:

Example:

network.setInteractions([ new twaver.network.interaction.SelectInteraction(network), new twaver.network.interaction.MoveInteraction(network), new twaver.network.interaction.DefaultInteraction(network), new twaver.network.interaction.MagnifyInteraction(network) ]);

Methods

twaver.network.interaction.BaseInteraction.addListener

()

Inherited from twaver.network.interaction.BaseInteraction:

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

twaver.network.interaction.BaseInteraction.getClassName

() String

Inherited from twaver.network.interaction.BaseInteraction:

获取此类的字符串类名

Returns:

String:

返回类名

twaver.network.interaction.BaseInteraction.removeListener

()

Inherited from twaver.network.interaction.BaseInteraction:

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

twaver.network.interaction.BaseInteraction.setUp

()

Inherited from twaver.network.interaction.BaseInteraction:

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

twaver.network.interaction.BaseInteraction.tearDown

()

Inherited from twaver.network.interaction.BaseInteraction:

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

twaver.network.interaction.MagnifyInteraction.getBackgroundColor

() String

获取放大镜背景颜色

Returns:

String:

返回放大镜背景颜色，默认为白色

twaver.network.interaction.MagnifyInteraction.getBorderColor

() String

获取边框颜色

Returns:

String:

返回边框颜色，默认为黑色

twaver.network.interaction.MagnifyInteraction.getBorderWidth

() Number

获取边框宽度

Returns:

Number:

返回边框宽度，默认为1

twaver.network.interaction.MagnifyInteraction.getShape

() String

获取放大镜形状

Returns:

String:

返回放大镜形状，默认为圆形

twaver.network.interaction.MagnifyInteraction.getXRadius

() Number

获取x轴半径

Returns:

Number:

返回x轴半径，默认为100

twaver.network.interaction.MagnifyInteraction.getYRadius

() Number

获取y轴半径

Returns:

Number:

返回y轴半径，默认为100

twaver.network.interaction.MagnifyInteraction.getZoom

() Number

获取缩放级别

Returns:

Number:

返回缩放级别，默认为2

twaver.network.interaction.MagnifyInteraction.handle_mousemove

(
  • e
)

处理鼠标移动

Parameters:

  • e MouseEvent

    鼠标事件

twaver.network.interaction.MagnifyInteraction.setBackgroundColor

(
  • value
)

设置放大镜背景颜色

Parameters:

  • value String

    放大镜背景颜色

twaver.network.interaction.MagnifyInteraction.setBorderColor

(
  • value
)

设置边框颜色

Parameters:

  • value String

    边框颜色

twaver.network.interaction.MagnifyInteraction.setBorderWidth

(
  • value
)

设置边框宽度

Parameters:

  • value Number

    边框宽度

twaver.network.interaction.MagnifyInteraction.setShape

(
  • value
)

设置放大镜形状

Parameters:

  • value String

    放大镜形状

twaver.network.interaction.MagnifyInteraction.setXRadius

(
  • value
)

设置x轴半径

Parameters:

  • value Number

    x轴半径

twaver.network.interaction.MagnifyInteraction.setYRadius

(
  • value
)

设置y轴半径

Parameters:

  • value Number

    y轴半径

twaver.network.interaction.MagnifyInteraction.setZoom

(
  • value
)

设置缩放级别

Parameters:

  • value Number

    缩放级别

twaver.network.interaction.MagnifyInteraction.updateMark

()

鼠标移动时，更新放大镜内容