使用cytoscape.js的响应静态图

Question

我正在使用cytoscape.js绘制一个我不需要缩放或导航的图形，因此它基本上看起来像静态图像。尽管如此，我希望它能够响应，因为它应该在视口调整大小时向上/向下扩展。我试图通过将其宽度设置为100％来使cytoscape容器可调整大小，但它不起作用。我也尝试在窗口调整大小事件后调用cytoscape.resize（）和cytoscape.fit（），但它没有任何效果。

我正在使用的初始化选项是：

cytoscape({
      container: cyContainer,
      zoomingEnabled: false,
      autoungrabify: true,
      autounselectify: true,
      userZoomingEnabled: false,
      panningEnabled: false,
      userPanningEnabled: false,
      boxSelectionEnabled: false,
      style: ...

其中cyContainer是宽度（百分比）和高度为px的div。

是否可以使其响应？

Answer 1

如果禁用这些功能（即缩放和平移是不可变的），则无法修改视口平移和缩放。只需禁用相应的用户交互。