jquery + 캔버스 및 그림 선 문제

Question

여러 키워드를 검색 한 다음 캔버스와 연결할 수있는 선을 그려야하는 스크립트를 설정하려고합니다. 하지만 두 번째 줄을 그리기 시작하지만 이전 줄의 x y 출력 중 일부를 사용하는 문제가 발생했습니다.

여기에 내가 가진 무엇 : http://jsfiddle.net/LCfqj/

어떤 도움도 대단히 감사하겠습니다!

Answer 1

동일한 용어 ("단어")를 사용하여 각 용어를 검색하고 바꿔서 추가 효과가 있습니다. 각 학기마다 동일한 수업을 사용하는 대신 매번 고유 한 수업을 사용하십시오. "word1", "word2"또는 단어와 검색 용어.

내가 실제로이 표시 경고 추가했습니다 :

http://jsfiddle.net/A4rPQ/

당신은 때마다 당신이 $에서 2 개 개의 추가 결과를 얻을 검색어를 볼 것이다 (". 단어") .길이.

검색어가 자연스럽게 여러 번 존재할 경우 추가 행을 그려야하므로 접근 방식을 다시 생각해 봐야합니다. 한 가지 방법은 findElement 메서드가 모든 점을 연결하는 데 필요한 lineInfo의 배열을 반환한다는 것입니다.

Answer 2

아마도 회선을 그리기 전에 컨텍스트 상태를 저장하고 복원해야합니다.
내가봤을 때, 당신은 함수를 호출 할 때 draw line 함수의 컨텍스트를 복원하고 있지만 저장하지는 않았다.