cytoscape.js:容器更改后鼠标指针位置错误

Question

我使用cytoscape.js 2.2.5在angular.js应用程序中绘制图形,我可以正确选择节点.当<div>图形移动时,画布上的鼠标指针位置不会更新.这意味着我必须单击节点的"旧"位置才能选择它.

我想cy.reset(),cy.center()和cy.fit(),但鼠标指针位置不会改变.

更改cytoscape的位置后,如何更新图形<div>？

原始页面:

改变<div>立场后

当我移除蓝色面板并且图形<div>向上移动时,鼠标指针位置错误.我使用ng-show指令(使用css hidden/visible).

Answer 1

当您调整（或移动，我认为）cy div 的大小时，您需要将更改通知核心。不幸的是，浏览器 DOM 模型没有办法自动跟踪这一点。

cy.resize(); // notify that the container has changed dims

http://cytoscape.github.io/cytoscape.js/#core/viewport-manipulation/cy.resize

也许cy.resize()应该有一个像这样的别名cy.invalidateDimensions()，这样很明显您需要它用于您的用例。