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)-- 消除延迟来禁用它。