使用cytoscape.js的响应静态图

时间:2018-01-11 18:17:45

标签: javascript cytoscape.js

我正在使用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。

是否可以使其响应?

1 个答案:

答案 0 :(得分:0)

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