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

Question

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（）获取事件来实现它？

Answer 1

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