如何在 cytoscape.js 中启用/实现平移？答案

【问题标题】：How to enable/implement panning in cytoscape.js?如何在 cytoscape.js 中启用/实现平移？
【发布时间】：2014-05-16 01:00:48
【问题描述】：

cytoscape.js 源代码多次提到平移。平移是指抓取背景并在抓取时沿鼠标移动方向移动整个图形的能力，就像在 d3.js 中所做的那样。到目前为止，我已经包含了相关的库和 css：

<link rel="stylesheet" type="text/css" href="cytoscape.js/build/plugins/jquery.cytoscape-panzoom.css">
<script src="demo/jquery-1.7.2.js"></script>
<script src="demo/jquery-ui/js/jquery-ui-1.8.21.custom.min.js"></script>
<script src="cytoscape.js/build/cytoscape.all.js"></script>
<script src="cytoscape.js/build/plugins/jquery.cytoscape-panzoom.js"></script>

启用平移应该像加载依赖项和启用功能一样简单，还是用户有责任通过在抓取事件上调用 cy.pan() 来实现它？

【问题讨论】：

标签： panning cytoscape.js

【解决方案1】：

默认情况下启用平移。您可以通过cy.panningEnabled() 禁用它。在平移开始之前会有一点延迟，以便您可以使用框选择。如果您不需要框选择，可以通过cy.boxSelectionEnabled(false) 禁用它——消除延迟。

【讨论】：