jquery + canvas和绘图线问题

Question

我正在尝试设置一个脚本来搜索多个关键字，然后画一条线来将它们与画布连接起来。但我遇到了一个问题，它开始绘制第二行，但它使用前一行的一些x y输出。

这就是我所拥有的： http://jsfiddle.net/LCfqj/

非常感谢任何帮助！

Answer 1

也许你应该在绘制线之前保存并恢复上下文状态 从我看到的你只是在绘制线函数中恢复上下文但不在函数调用中保存它。

Answer 2

由于您使用相同的类（“word”）搜索并替换每个术语，因此它具有附加效果。不是每个术语使用相同的类，而是每次都使用独特的东西。 “word1”，“word2”或单词加上搜索词。

我添加了一个警告，在实践中显示了这一点：

http://jsfiddle.net/A4rPQ/

您会看到每次搜索一个词时，您将从$（“。word”）获得2个额外的结果。长度。

另请注意，如果搜索字词自然存在多次，则需要绘制其他行，因此您的方法需要重新思考。一种方法是findElement方法返回连接所有点所需的所有lineInfo的数组。