Dynamische Grundrisse in der Web App

Ich entwickle ein webbasiertes Restaurantverwaltungssystem für mehrere verschiedene Veranstaltungsorte und muss dynamische Grundrisse für die Tischverwaltung implementieren. Die Tabellen sollen anklickbar und editierbar sein, die verschiedenen Grundrisse sollen gespeichert werden, nicht sicher ob in der Datenbank oder als Bild?

Ich stecke derzeit fest, nachdem ich mehrere Optionen geprüft habe:

  • Canvas-suboptimal
  • Die SVG-Manipulation von SVG-Dateien mit JS scheint am geeignetsten zu sein, ich bin mir nicht sicher, welche Bibliothek verwendet werden soll.
  • Jquery UI - mit Bootstrap und die beiden spielen nicht gut zusammen

Was würden Sie für meinen speziellen Fall empfehlen? Welche JS-Bibliothek soll mit Svg verwendet werden?

Ich glaube nicht, dass Sie eine separate Bibliothek zum Bearbeiten von SVG mit JavaScript benötigen. SVG ist eine Teilmenge von XML, sollten also die üblichen DOM-Manipulationswerkzeuge nicht ausreichen?
Nun, ich habe mehrere andere Fragen gesehen, in denen die Verwendung von etwas wie D3.js oder Raphaël.js diskutiert wurde. Ich habe keine Erfahrung mit der SVG-Manipulation und würde mich daher über Ratschläge zu Best Practices freuen.

Antworten (1)

Essential Diagram for JavaScript unterstützt die Manipulation von SVG-basierten Knoten und die Serialisierung.

Beispiel

Diagramm JS mit SVG-Knoten

Das gesamte Produkt ist kostenlos über die Community-Lizenz erhältlich, wenn Sie sich qualifizieren (weniger als 1 Million USD Umsatz).

Hinweis: Ich arbeite für Syncfusion.

Ich kann die Vollversion dieses Beispiels nicht finden. Bitte geben Sie es an, wenn Sie können.
@ІгорЖовтанюк Haben Sie jsplayground.syncfusion.com/uj0uyfqc besucht – dort können Sie den vollständigen Quellcode für das Beispiel abrufen – die Bibliothek selbst muss von syncfusion.com/products/javascript/ejdiagram heruntergeladen werden
Dynamische Grundrisse in der Web App
AntwortenHierDatenschutz-Bestimmungen1y, 0v