Масштабируемый фон для cytoscape js

Question

Мы делаем график для проекта прямо сейчас. На этом графике должны отображаться все перекрестки города. И большинство способов между ними. Мы начали использовать cytoscape.js для рисования графика. Теперь мы хотим получить фон за графиком. Этот фон будет картой этого города, поэтому он должен быть прокручиваемым и в правильном положении.

Наша первая идея состояла в том, чтобы создать узел прямоугольника и дать ему фон. Затем мы добавили карту и поместили в нужные координаты. Теперь карта прокручивается и всегда находится в правильном положении. Это дало нам две проблемы. Сначала график больше не может быть запущен, поскольку при попытке панорамирования вы попытаетесь выбрать базовый узел. Мы исправили это, используя плагин cytograh-panzoom.

Проблема с seccond заключается в том, что кромки больше не доступны для контакта, потому что фоновый узел теперь покрывает их, и кажется невозможным получить края сверху.

Вопросы:

1. Есть ли лучшая библиотека сделать такой график?
2. Если нет, можно ли нарисовать края сверху узлов с цитоснимками?
3. Есть ли другой способ использования cytoscape?

Сердечные приветы

Answer 1

Вы можете слушать viewport событий и обновлять background-position и background-size свойства фонового изображения, установленного в CSS для вашего су дел.

Или вместо фонового изображения вы можете иметь отдельный div с изображением, которое использует преобразования CSS вместо background-*.