细胞角js的可缩放背景

Question

我们现在正在为一个项目做一个图表。这张图应该显示一个城市的所有交叉路口。以及他们之间的大多数方式。我们开始使用cytoscape.js绘制图形。现在我们想要一个背景图后面。这个背景将是该城市的地图，因此它必须是可滚动的，并在正确的位置。

我们的第一个想法是制作一个矩形节点并给它一个背景。而不是我们把地图加在正确的坐标上。现在，地图是可滚动的，并且总是在正确的位置。这给我们带来了两个问题。首先，图形不能再被平移，因为当您试图平移时，您将尝试选择基础节点。我们用细胞颗粒-泛变焦插件修复了这个问题。

另一个问题是，边不再是可点击的，因为背景节点现在正在覆盖它们，而且似乎不可能将边缘放在顶部。

问题如下：

1. 有更好的库来绘制这样的图吗？
2. 如果没有，是否有可能用胞景在节点顶部绘制边缘？
3. 还有别的方法可以用细胞扫描来做吗？

亲切的问候

Answer 1

您可以监听viewport事件，并更新cy在CSS中设置的背景图像的background-position和background-size属性。

或者，可以使用一个单独的div来代替背景图像，该图像使用CSS转换而不是background-*属性。