Javascript-Framework zum Erstellen von flussähnlichen Diagrammen

Question

vergeblich

Ich suche nach einem Framework zum Erstellen und Bearbeiten von flussähnlichen Diagrammen, wie es auf Websites wie Google Drawings, www.draw.io ( Open Source ), Gliffy und LucidChart getan wird

Wichtigste benötigte Features:

Einfache Elemente zeichnen (Rechtecke, Ellipsen)
Verbindungen zwischen den Elementen herstellen
Sie können das Aussehen von Verbindungen ändern und Dekorateure zu den Verbindungen hinzufügen
Einfaches Bearbeiten, Verschieben, Größe der Elemente ändern, Start-/Endpunkt der Verbindung ändern usw.

Simon Sarri · Answer 1

Es ist eine JavaScript-Bibliothek, die in der Lage sein sollte, alles zu tun, was Sie von Diagrammen erwarten:

Verwenden Sie Vorlagen für Knoten, Links und Gruppen, können beliebig komplex sein und benutzerdefinierte Formen/Geometrien enthalten
Unterstützung für benutzererstellte Links mit beliebiger Linkvalidierung
Mit Links, orthogonalem und Bezier-Link-Routing mit den Optionen "Knoten vermeiden" und "Überspringen".
Datenbindung mit JSON-Daten
Intuitive Drag-and-Drop- und Copy-Paste-Funktionalität
Unbegrenzt erweiterbares Rückgängigmachen und Wiederherstellen
Maus- und Touch-Unterstützung mit anpassbaren Tools
Automatisches Layout von Diagrammen
Paletten und Übersichten

GoJS hat kein integriertes Zeichenwerkzeug, aber es ist einfach, eines zu erstellen, und es gibt hier ein Schaufenster mit einigen Möglichkeiten .

Erlaubt es, "Dekoratoren zu den Verbindungen hinzuzufügen"? Ein Screenshot davon wäre großartig :-) Bitte gehen Sie in ähnlicher Weise auf jeden Aufzählungspunkt der Frage ein. Außerdem, wie von meta.softwarerecs.stackexchange.com/questions/356/… gefordert , würde es Ihnen etwas ausmachen, Ihre Zugehörigkeit offenzulegen und anzugeben, was die Lizenz dieser Lösung ist? Vielen Dank!

jsDoggy · Answer 2

Ich empfehle Ihnen eine D3.js . Es verwendet HTML und SVG - API ist erreichbar.

Eine weitere Empfehlung ist Raffael . Es funktioniert auch mit HTML und SVG

In beiden können Sie Primitive erstellen und sie verbinden. Sie können auch interaktiv umgehen.

Willkommen bei den Softwareempfehlungen! Bitte lesen Sie meta.softwarerecs.stackexchange.com/questions/356/… Könnten Sie bitte die Lizenz dieser Lösung nennen? Vielen Dank :-)
Erlaubt es, "Dekoratoren zu den Verbindungen hinzuzufügen"? Ein Screenshot davon wäre großartig :-) Bitte gehen Sie auf jeden Aufzählungspunkt der Frage ähnlich ein, danke!

Davis Jebaraj · Answer 3

Essential Diagram for JavaScript unterstützt das Erstellen jeder Art von Diagramm.

Einfache Elemente zeichnen (Rechtecke, Ellipsen): Unterstützt
Verbindungen zwischen den Elementen erstellen: Unterstützt
In der Lage sein, das Aussehen von Verbindungen zu ändern und Dekorateure zu den Verbindungen hinzuzufügen: Unterstützt
Einfaches Bearbeiten, Verschieben, Ändern der Größe der Elemente, Ändern des Start-/Endpunkts der Verbindung usw.: Unterstützt.

Das gesamte Produkt ist kostenlos über die Community-Lizenz erhältlich , wenn Sie sich qualifizieren.

Ich arbeite für Syncfusion.