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

How to style the foreground of SVG paths used as cytoscape.js nodes?

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

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

Cytoscape JS 使用 <canvas> 标签来渲染节点和边,而不是 SVG。在他们的文档中不是很明显,但是有一个传递 reference.

要设置节点和边的样式,请使用 their own styling system。它的灵感来自 CSS,但不是 实际 CSS。

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