Как стилизовать передний план путей SVG, используемых в качестве узлов Cytoscape.js?

Как установить цвет переднего плана элемента SVG, используемого в качестве узла вcytoscape.js?

Я знаком с установкой идентификаторов для элементов пути SVG в DOM, а затем с использованием CSS для их стилизации. Возможно ли нечто подобное?


svg foreground cytoscape.js
person mbeynon    schedule 14.07.2016    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Cytoscape JS использует теги <canvas> для рендеринга узлов и ребер, а не SVG. В их документации это не очень очевидно, но есть мимолетная ссылка.

Для оформления узлов и ребер вы используете их собственную систему стилей. Он вдохновлен CSS, но не является настоящим CSS.

person peteorpeter    schedule 26.07.2016

arrow_upward
1
arrow_downward

То, что я действительно искал, — это способ иметь масштабируемые значки узлов SVG, которые могут быть окрашены динамически, чтобы указать статус узла, определяемый приложением. Я не хотел заранее статически создавать все возможные цветовые варианты. В конце концов, я использовал svg.js для динамического применения стилей к значкам SVG, которые используются для узлов (фактически для фонов узлов), а затем преобразовал их в base64, чтобы URL-адрес данных передавался вcytoscape.js в качестве фонового svg.

person mbeynon    schedule 28.08.2016
comment
Не могли бы вы опубликовать пример? - person sashok_bg; 30.07.2021