panning - 如何在 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) 禁用它——消除延迟。