在画布之间使用画布绘制线条

Question

最好的方法是什么？

我看过How to draw a line between 2 elements using JQuery and refreshing that line?，但很快意识到他们在谈论一个单一的画布；）

我还看了http://raphaeljs.com/

直播于http://--- - 名称匿名，对象在移动时不会保存它们的位置...

欢迎并非常感谢所有指导。 即使你想让我从头开始重写所有画布的东西。 :)

Answer 1

您有多种选择：

1. 为您要绘制的每一行添加另一个画布，它的大小应该是一个矩形，其对角线是您要绘制的线。它的 z-index 应该低于可拖动对象，因此它不会隐藏鼠标点击。每当拖动其两个末端画布可拖动对象之一时，都应重新绘制每个 line-canvas。

2. 和以前一样，但在底部只保留一个画布。每当拖动任何可拖动对象时，清除画布并重新绘制所有线条。

3. 重写您的代码，使所有内容都在一个画布上，并且每次都重新绘制所有内容。使用这种方法，您将无法使用 jQuery UI 的可拖动对象，而必须自己实现拖动。

如果我必须选择，我会选择选项 2。