jquery的问题+;画布和画线

jquery的问题+;画布和画线,jquery,canvas,Jquery,Canvas,我试图建立一个脚本,搜索多个关键字,然后画一条线将它们与画布连接起来。但我遇到了一个问题,它开始画第二行,但它使用了前一行的一些x-y输出 以下是我所拥有的: 任何帮助都将不胜感激 也许您应该在画线之前保存并恢复上下文状态。 从我看到的情况来看,您只是在draw line函数中恢复上下文,而不是在函数调用时保存上下文。由于您使用相同的类(“单词”)搜索和替换每个术语,因此具有相加效果。不要对每个术语使用相同的类,而是每次都使用唯一的类。“word1”、“word2”或word加上搜索词 我添加

我试图建立一个脚本,搜索多个关键字,然后画一条线将它们与画布连接起来。但我遇到了一个问题,它开始画第二行,但它使用了前一行的一些x-y输出

以下是我所拥有的:


任何帮助都将不胜感激

也许您应该在画线之前保存并恢复上下文状态。

从我看到的情况来看,您只是在draw line函数中恢复上下文,而不是在函数调用时保存上下文。

由于您使用相同的类(“单词”)搜索和替换每个术语,因此具有相加效果。不要对每个术语使用相同的类,而是每次都使用唯一的类。“word1”、“word2”或word加上搜索词

我添加了一个警报,在实践中显示了这一点:

您将看到,每次搜索一个术语时,您将从$(“.word”).length中获得另外两个结果


还要记住,如果搜索词自然存在不止一次,那么您需要画更多的线,因此您的方法需要重新思考。一种方法是findElement方法返回连接所有点所需的所有lineInfo的数组。

您测试过这个吗?我试过了,但没什么不同。感谢您花时间提供帮助!哦可以谢谢你的回复!请问你将如何着手做这件事?这将解决你的第一个问题。我还加了两个词。您将看到,当单词Triple被重复时,它只与第二个单词划了一条线。此外,这些结果还暴露了另一个问题,即将文本加粗会使文本变宽,并且线条不再匹配。所有的问题都是可以解决的,剩下的我就留给你了。祝你好运