jquery +キャンバスと描画行の問題

Question

複数のキーワードを検索し、それらをキャンバスに接続するための線を描画するスクリプトを設定しようとしています。しかし、私は2行目を描き始める問題にぶつかりましたが、前の行のx y出力のいくつかを使っています。

は、ここで私が持っているものです。 http://jsfiddle.net/LCfqj/

どれヘルプをいただければ幸いです！

Answer 1

同じクラス（「単語」）を使用して各用語を検索して置き換えるので、追加効果があります。各用語に同じクラスを使用する代わりに、毎回ユニークなものを使用してください。 「単語1」、「単語2」、または単語に検索語を加えたもの。

私は実際にこれを示して警告を追加しました：

http://jsfiddle.net/A4rPQ/

はあなたがするたびに、あなたが$から2つの追加の結果を取得する用語を検索していることがわかりますが（「ワード」） .length。

検索用語が自然に複数存在する場合は、追加の線を描く必要がありますので、アプローチは再考する必要があります。 1つの方法は、findElementメソッドが、すべてのポイントを接続するために必要なすべてのlineInfoの配列を返すことです。

Answer 2

おそらく、線を引く前にコンテキストの状態を保存して復元する必要があります。
私が見たところでは、描画線関数のコンテキストを復元しているだけで、関数呼び出しでは保存していません。