применить специальный фон css к краю Cytoscape.js

Я хочу иметь возможность указать/переключить направление края Cytoscape.js с помощью css. Я хочу использовать такой дизайн (нижний): line design Можно ли по запросу установить следующий стиль края цитоскейпа?


person Swarage    schedule 19.06.2017    source источник


Ответы (1)


Насколько я могу судить, вы не можете показывать только краевые стрелки, а не сам край. Кроме того, стрелку края можно разместить только в начале, середине и конце края (то есть не 4 из них)

Стрелки по краям

Конечные точки Edge

person Tom Aerts    schedule 20.06.2017
comment
На самом деле я имел в виду, что фон самого края следует градиенту, подобному тому, что я нарисовал. Но теперь, когда вы упомянули эти API, у меня есть к вам другой вопрос: можно ли изменить направление ребра? - person Swarage; 20.06.2017
comment
судя по API, сомневаюсь, что это возможно. И хотя вы не можете изменить внутренний исходный и целевой узел ребра (кроме удаления ребра и создания нового), вы можете выбрать, будут ли ваши реберные стрелки нацелены на исходный или целевой узел, например. {'исходная-стрелка-форма': 'треугольник', 'целевая-стрелка-форма': 'квадрат'} - person Tom Aerts; 20.06.2017
comment
Спасибо это идеально!! И последний вопрос: знаете ли вы, как очистить стрелку, указывающую на источник? i.imgur.com/OiGqTsg.png - person Swarage; 20.06.2017
comment
Кажется, у меня нет этой проблемы в моем проекте. Я предлагаю поиграть с 'source-distance-from-node' js.cytoscape.org/# конечные точки стиля/края - person Tom Aerts; 20.06.2017
comment
Я действительно не понимаю, как вы избегаете этой проблемы, поскольку стрелка уже находится на расстоянии 0 от узла, просто край просачивается и вызывает эту проблему. Есть ли какой-то API для редактирования расстояния от самого края до узла? - person Swarage; 20.06.2017
comment
поэтому кажется, что настройка внутри узла работает, но затем она переопределяет стиль исходной стрелки, по-видимому, допуская только одну стрелку. - person Swarage; 20.06.2017
comment
'source-distance-from-node' делает именно то, о чем вы просите. - person Tom Aerts; 20.06.2017
comment
Я попробовал это, и это сработало. Спасибо тебе за помощь! - person Swarage; 20.06.2017