javascript - Raphael.js で Ember.js を使用する: Ember オブジェクトを Raphael オブジェクトに関連付ける方法は?

Question

私が構築しているアプリケーションは、Ember.js と Raphael.js を使用しています。私は Ember.js を初めて使用するので、この 2 つを結び付ける方法を理解するのにいくつか問題があります。私はすでにこのデモを見ましたが、それは途中でしかわかりません。

私の質問をこのように言いましょう：

例として、Ember.js のドキュメントの「todo」デモを見てみましょう。各 todo アイテムに画像を関連付けて、todo アイテムが完了していないときにその画像を Raphael 描画キャンバスに表示するにはどうすればよいですか? 明確にするために、すべての画像が表示される Raphael 描画面は 1 つだけです。

Ember.js デモと同じように、todo 情報にフィクスチャを使用したいのですが、画像フィールドを追加したいと思います。

Todos.Todo.FIXTURES = [
  {
    id: 1,
    title: 'Learn Ember.js',
    isCompleted: true,
    image: 'some.png'
  },
  {
    id: 2,
    title: '...',
    isCompleted: false,
    image: 'some_other.png'
  }
];

私は Ember.js にあまり触れていないので、しばらくお待ちください。私は知る必要がある

1. Raphael 描画サーフェスを初期化する場所と方法
2. 描画面に画像を追加する方法
3. 関連付けられたタスクの isCompleted 値に基づいて画像の可視性を切り替える方法。