如何将SVG路径作为cytoscape.js节点的前景样式？

Question

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

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

Answer 1

我真正想要寻找的是一种具有可伸缩的SVG节点图标的方法，这些图标可以动态着色以指示应用程序定义的节点状态。我不想预先静态地创建所有可能的彩色变体。最后，我使用svg.js动态地将样式应用于用于节点(实际上用于节点背景)的SVG图标，然后将其转换为base64，以便将数据url作为背景svg传递给cytoscape.js。

Answer 2

Cytoscape使用<canvas>标记来呈现节点和边缘，而不是SVG。在他们的文档中这并不是很明显，但是有一个经过的参考文献。

若要对节点和边缘进行样式化，请使用他们自己的造型系统。它受到CSS的启发，但不是实际的CSS。