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

【问题标题】：How to style the foreground of SVG paths used as cytoscape.js nodes?如何设置用作 cytoscape.js 节点的 SVG 路径的前景？
【发布时间】：2016-07-14 04:36:35
【问题描述】：

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

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

【问题讨论】：

标签： svg foreground cytoscape.js

【解决方案1】：

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

【讨论】：

能发个例子吗？
你能举个例子吗？

【解决方案2】：

Cytoscape JS 使用<canvas> 标签来渲染节点和边缘，而不是 SVG。这在他们的文档中并不是很明显，但有一个通过reference。

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

【讨论】：