Wie kann ich die Vordergrundfarbe eines SVG-Elements einstellen, das als Knoten in cytoscape.js verwendet wird?Wie style ich den Vordergrund von SVG-Pfaden, die als cytoscape.js-Knoten verwendet werden?
Ich bin vertraut mit dem Festlegen von IDs für SVG-Pfadelemente im DOM und dann mit CSS, um sie zu stylen. Ist etwas Ähnliches möglich?
Was ich wirklich suchte, ist eine Möglichkeit, skalierbare SVG-Knotensymbole zu haben, die dynamisch gefärbt werden können, um den app-definierten Status des Knotens anzuzeigen. Ich wollte nicht alle möglichen farbigen Varianten im Voraus statisch erstellen. Am Ende habe ich svg.js verwendet, um Stile dynamisch auf SVG-Symbole anzuwenden, die für Knoten verwendet werden (eigentlich für Knotenhintergründe), und dann in base64 umwandeln, damit die Daten-URL an cytoscape.js als Hintergrund-SVG übergeben wird.
Cytoscape JS verwendet <canvas> Tags, um die Knoten und Kanten anstelle von SVG zu rendern. Es ist nicht sehr offensichtlich in ihrer Dokumentation, aber es gibt eine vorübergehende reference.
Um die Knoten und Kanten zu formatieren, verwenden Sie their own styling system. Es ist von CSS inspiriert, ist aber nicht tatsächlich CSS.