鼠标滚动 Mousewheel

const netGraph = new NetPlanGraph({
  mousewheel: true,
})

// 等同于
const netGraph = new NetPlanGraph({
  mousewheel: {
    enabled: true,
    modifiers: ['ctrl', 'meta'],
  },
})

选项

interface MouseWheelOptions {
  enabled?: boolean
  minScale?: number
  maxScale?: number
  modifiers?: string | ('alt' | 'ctrl' | 'meta' | 'shift')[] | null
}

enabled

是否开启滚轮缩放交互。

minScale(暂未启用)

最小的缩放级别。缺省时默认值为：

maxScale(暂未启用)

最大的缩放级别。缺省时默认值为：

modifiers

修饰键('alt'、'ctrl'、'meta'、'shift')，设置修饰键后需要按下修饰键并滚动鼠标滚轮时才触发画布缩放。通过设置修饰键可以解决默认滚动行为与画布缩放冲突问题。

支持配置单个（如 'alt'）或多个（如 ['alt', 'ctrl']）修饰键，通过数组形式配置的多个修饰键是或关系，比如刚刚配置的修饰键表示按下 'alt' 或 'ctrl'，如果需要更加灵活的配置，可以使用如下这些形式：

• 'alt|ctrl' 表示按下 'alt' 或 'ctrl'。
• 'alt&ctrl' 表示同时按下 'alt' 和 'ctrl'。
• 'alt|ctrl&shift' 表示同时按下 'alt' 和 'shift' 或者同时按下 'ctrl' 和 'shift'。

API

netGraph.isMouseWheelEnabled()

返回是否启用了鼠标滚轮来缩放画布。

netGraph.enableMouseWheel()

启用鼠标滚轮缩放画布。

netGraph.disableMouseWheel()

禁用鼠标滚轮缩放画布。