Ich mache eine Anwendung, bei der verschiedene Rechtecke auf einer Leinwand gemalt werden, und ich versuche es mit Backbone zu tun. Ich habe ein Modell namens Box:
%Vor%Und ich habe auch eine Sammlung dieses Box-Modells:
%Vor%Ich möchte eine Ansicht erstellen, in der ich jedes Box-Modell in der BoxSet-Sammlung auf einer Zeichenfläche mithilfe der drawBox-Methode im Box-Modell ablegen kann. Bisher behandeln jedoch alle Tutorials und Beispiele einfache Textvorlagen und Ich kann mir nicht vorstellen, wie ich das schaffen soll.
Irgendwelche Ideen, wie dies mit Backbone-Ansichten gemacht werden könnte?
Vielen Dank im Voraus.
Ich würde die Trennung von Modellen und Ansichten von Backbone verfolgen. Bewahren Sie Ihre Modelle als Datenrepositorys auf:
%Vor%Und definieren Sie die Ansichten, um die verschiedenen Teile auf einer Leinwand zu rendern:
%Vor%Und schließlich instanziieren und rendern:
%Vor%Eine Geige, um diese zwei schönen Plätze zu sehen Ссылка
Ein weiterer, bei dem eine Änderung an der Sammlung dazu führt, Ссылка
erneut zu rendernDieses Beispiel kann wahrscheinlich darauf aufbauen, um sauberere Manipulationen zu ermöglichen, aber das sollte Ihnen den Einstieg erleichtern.
Sie können auch versuchen, das Backbone.KineticView -Plugin zu verwenden, um Canvas-Unterstützung für Backbone hinzuzufügen. Es funktioniert über KineticJS, kann also auch alle Möglichkeiten der Ereignisdelegierung für Canvas-Knoten nutzen.
Beispiel:
%Vor%Tags und Links javascript html5 canvas backbone.js