angularjs - Canvas は MVC フレームワークとどのように連携しますか?

Question

私は AngularJS とその MVC ソリューションを調べてきました。通常、MVC フレームワークは HTML 構造自体を使用してバックエンド データ モデルにバインドします。AngularJS の場合、これはディレクティブを使用して行われます。これは、ストレートな HTML に対して適切に機能します。

私のシナリオでは、イミディエイト モード キャンバス上の視覚的表現に変換されるデータ モデルがあります。次に、バックエンド データ モデルの値を編集するために、レンダリングされたビジュアル アイテムも操作する必要があります。

MVC フレームワーク内のデータ モデルのアイテムとアイテム値の間でこのような双方向バインディングを実現する最善の方法は何ですか?

Answer 1

Angular の強みは、DOM を気にすることなく処理してくれることです。代わりに SVG を使用する場合、SVG は DOM であるため、Angular にビューの更新を処理させることができますが、代わりにキャンバスを使用する必要がある場合、Angular は描画を処理できません。

ウォッチを使用し、データが変更されたときにキャンバスを再描画することで、Angular を使用するメリットは引き続き得られますが、自分で描画を処理する必要があります。