Ich übernehme die Aufgabe, die folgende Flash-App in HTML5 neu zu schreiben:

http://www.docircuits.com/circuit-editor

Angesichts der Komplexität der App und meiner bisherigen Forschungs- und Entwicklungsarbeit habe ich AngularJS als bevorzugtes MVC-Framework für die Implementierung identifiziert. Die App enthält verschiedene Teile wie Panels, Menüs, Eigenschaften, Diagramme usw., die meines Erachtens alle problemlos in AngularJS implementiert werden können.

Das Hauptproblem ist jedoch, dass das Komponentendesign und die Interaktion (z. B. Ziehen / Ablegen, Verschieben, Verdrahten usw.) auf Canvas basieren müssen, da ich alle Vektorgrafiken aus Flash mithilfe von exportieren konnte das CreateJS-Toolkit (http://www.adobe.com/in/products/flash/flash-to-html5.html) in eine Canvas-Bibliothek und nicht in eine SVG.

Das Problem ist, dass es keinen klaren Weg gibt, zwischen den "einzelnen Objekten innerhalb einer Zeichenfläche" und AngularJS zu kommunizieren. Ich habe mir die folgenden Beispiele angesehen, aber fast alle funktionieren mit dem Canvas-Objekt und nicht mit einzelnen Komponenten innerhalb von Canvas:

AngularJS-Bindung an WebGL / Canvas

Gibt es bereits eine Zeichenrichtlinie für AngularJS?

Ich stecke hier irgendwie fest und weiß nicht, was ich tun soll. Würde mich sehr über ein paar Kommentare freuen:

Ob AngularJS die richtige Wahl ist?

Sollte ich versuchen, den Canvas-Teil in einer anderen Bibliothek (z. B. Fabric.js, kinect.js, Easel.js) zu implementieren und ihn in Angular zu integrieren (was vorerst wieder eine zu große Aufgabe zu sein scheint)?

Wenn keine der oben genannten Möglichkeiten vorhanden ist, zu welchem ​​anderen Framework sollte ich wechseln, um sowohl Canvas als auch andere Funktionen wie Bedienfelder, Menüs, Diagramme usw. mühelos zu handhaben?