[email protected] 平移事件不会触发

[zw-store]

Describe the bug

graph.on('translate', _ => {
console.log('translate')
Channel.dispatch(HIDE_CONTEXTMENU)
})

Your Example Website or App

小问题 没有弄应用程序

Steps to Reproduce the Bug or Issue

设备：macOS 14
浏览器：Chrome
版本：127.0.6533.120（正式版本） (arm64)
问题：监听 graph 的 translate 时事件触摸板不会触发该事件，鼠标未测试试过。
目的：我期望的是平移画布时，能够取消自定义右键。

Expected behavior

设备：macOS 14
浏览器：Chrome：127.0.6533.120（正式版本） (arm64)
问题：监听 graph 的 translate 时事件触摸板不会触发该事件，鼠标未测试试过。
目的：我期望的是平移画布时，能够取消自定义右键。

Screenshots or Videos

No response

Platform

• OS: [macOS]
• Browser: [Chrome]
• Version: [127.0.6533.120]

---

• 设备：macOS 14
• 浏览器：Chrome
• 版本：[127.0.6533.120]（正式版本） (arm64)

Additional context

No response

[x6-bot]

👋 @zw-store

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.
We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[zlecheng]

手机端还是电脑端无法触发？

[zlecheng]

这里有一个移动端画布平移失效的解决方法 链接

[zw-store]

手机端还是电脑端无法触发？

苹果笔记本的触摸板监听的画布移动事件无法触发，”translate“，resize 和 zoom 的时候 ”translate“ 会跟着触发，单独使用拖移不会触发 ”translate“ 事件

[zw-store]

这里有一个移动端画布平移失效的解决方法 链接

不是移动端，我使用的 plugin-Scroller 插件模式，不会触发平移事件,并且在插件里面开启了 pannable，官方文档说不要在Graph 构造器里面 和 Scroller 里面同时去开启 pannable，我有插件当前集中在插件里面去管理。
顺便问下在 CDN 里面 怎么 加载 Plugin 的地址。

graph.use(
new Scroller({
enabled: true,
pannable: true, // 是否启用画布平移能力（在空白位置按下鼠标后拖动平移画布）
// className: '', // 附加样式名，用于定制样式
// width: 200, // Scroller 的宽度，默认为画布容器宽度
// height: 200, // Scroller 的高度，默认为画布容器高度
modifiers: [], // 设置修饰键后需要点击鼠标并按下修饰键才能触发画布拖拽 type ModifierKey = string | ('alt' | 'ctrl' | 'meta' | 'shift')[] | null
// pageWidth: '', // 每一页的宽度，默认为画布容器宽度
// pageHeight: '', // 每一页的高度，默认为画布容器高度
pageVisible: true, // 是否分页
pageBreak: true, // 是否显示分页符
autoResize: true, // 是否自动扩充/缩小画布。开启后，移动节点/边时将自动计算需要的画布大小，当超出当前画布大小时，按照 pageWidth 和 pageHeight 自动扩充画布。反之，则自动缩小画布
// minVisibleWidth: 0, // 当 padding 为空时有效，设置画布滚动时画布的最小可见宽度
// minVisibleHeight: 0, // 当 padding 为空时有效，设置画布滚动时画布的最小可见高度
// padding: [0], 设置画布四周的 padding 边距。默认根据 minVisibleWidth 和 minVisibleHeight 自动计算得到，保证画布滚动时，在宽度和高度方向至少有 minVisibleWidth 和 minVisibleHeight 大小的画布可见
}),
)

[yi-ge]

我这边电脑端也是不会触发平移事件。