如何设置用作cytoscape.js节点的SVG路径的前景？

Question

如何在cytoscape.js中设置用作节点的SVG元素的前景色？

我熟悉为DOM中的SVG路径元素设置id，然后使用CSS来设置它们的样式。有类似的可能吗？

Answer 1

Cytoscape JS使用<canvas>标记来渲染节点和边缘而不是SVG。它在文档中并不是非常明显，但有一个过时reference。

要设置节点和边的样式，请使用their own styling system。它受CSS启发，但不是实际的 CSS。

Answer 2

我真正想要的是一种可扩展的SVG节点图标，可动态着色以指示应用程序定义的节点状态。我不想提前静态创建所有可能的彩色变体。最后，我使用svg.js动态地将样式应用于用于节点的SVG图标（实际上用于节点背景），然后将其转换为base64以将数据url传递给cytoscape.js作为背景svg。