防止图形平移
Prevent graph from panning
可以通过设置禁用图形缩放 - 但我找不到关闭图形平移的方法。我试图通过绑定 clickStage
事件来防止拖动,但我不知道如何防止调用默认事件。 event.preventDefault()
或 event.stopProgagation()
之类的东西可以完成这项工作。
感谢 this and this sigma.js 问题,我找到了一个解决方法,它允许我在可视区域中维护图形 - 但仍然有兴趣完全防止图形平移。
我设法在平移时将我的图表弹回到原来的位置。当 coordinatesUpdated
事件被 camera
触发时,我使用 camera.goTo()
函数将图形移回 0/0。
s.cameras[0].bind('coordinatesUpdated', function(e) {
if (s.cameras[0].x < 0) s.cameras[0].x = 0;
if (s.cameras[0].y < 0) s.cameras[0].y = 0;
if (s.cameras[0].x > 0) s.cameras[0].x = 0;
if (s.cameras[0].y > 0) s.cameras[0].y = 0;
});
可以通过设置禁用图形缩放 - 但我找不到关闭图形平移的方法。我试图通过绑定 clickStage
事件来防止拖动,但我不知道如何防止调用默认事件。 event.preventDefault()
或 event.stopProgagation()
之类的东西可以完成这项工作。
感谢 this and this sigma.js 问题,我找到了一个解决方法,它允许我在可视区域中维护图形 - 但仍然有兴趣完全防止图形平移。
我设法在平移时将我的图表弹回到原来的位置。当 coordinatesUpdated
事件被 camera
触发时,我使用 camera.goTo()
函数将图形移回 0/0。
s.cameras[0].bind('coordinatesUpdated', function(e) {
if (s.cameras[0].x < 0) s.cameras[0].x = 0;
if (s.cameras[0].y < 0) s.cameras[0].y = 0;
if (s.cameras[0].x > 0) s.cameras[0].x = 0;
if (s.cameras[0].y > 0) s.cameras[0].y = 0;
});