Cytoscape.js：计算当前缩放级别的图形尺寸？

Question

我想根据图表的高度调整容器DOM元素的a)和b)的缩放级别。

假设我动态地将节点和边添加到图中。给定最大缩放级别（zMax）和最大容器高度（cMax），我想根据以下规则进行调整：

• 如果在当前缩放级别z == zMax && graphHeight < cMax，则保持缩放级别不变并调整容器大小以适合图形。
• 如果在当前缩放级别graphHeight == cMax，则会尽可能减少z。

问题是，我不确定在当前缩放级别计算图形高度的任何内置功能。我想我可以迭代节点并找到最低和最高的y值，但我希望有一个更有效的选项。

Answer 1

您应该使用在渲染（屏幕上）坐标中返回值的函数。

请参阅http://js.cytoscape.org/#notation/position

另见http://js.cytoscape.org/#eles.renderedBoundingBox

E.g。 cy.elements().renderedBoundingBox().h是整个图表的渲染高度。