jquery - HTML5 キャンバスに ID またはクラスを追加

Question

キャンバスに描いています。
例：

       '1.01': {
        color: 'pink',
        points: [563,69,630,69,630,149,563,149]
      },

1.01 は、カーソルを合わせたときにツールチップに表示されるテキストです。ポイントはx、yキャンバス上にブロックを作成するための座標です。この描画されたブロックを jQuery で処理できるようにすることは可能ですかid?class

Answer 1

それを独自のオブジェクトに格納し、後で使用するためにこれらのオブジェクトのコレクションを保持するのはどうですか? 「jQueryで処理する」とはどういう意味か正確にはわかりませんが、キャンバスではピクセル領域を単純に塗りつぶしているため、DOMを操作する場合とは大きく異なります。

var block = function (color, points) {
    return {
        color: color,
        points: points
    };
};

var b1 = block('pink', [563,69,630,69,630,149,563,149]);
// Do whatever you need with it...

コードを次のように置き換えて、同じ参照を維持します。

'1.01': b1,