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

时间:2011-05-30 03:32:39

标签: jquery jquery-ui html5 canvas

最好的方法是什么?

我看过How to draw a line between 2 elements using JQuery and refreshing that line?但很快意识到他们正在讨论一个画布;)

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

它出现在http://--- - 名称匿名,对象在移动时不会保存其位置......

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

1 个答案:

答案 0 :(得分:0)

您有几种选择:

  1. 为要绘制的每一行添加另一个画布,它的大小应该是一个矩形,其对角线是您想要绘制的线条。它的z-index应该低于draggables,所以它不会隐藏鼠标点击。每当拖动其两个末端画布可拖动中的一个时,应重新绘制每个画布。

  2. 与之前相同,但底部只保留一个画布。每当拖动任何拖动时,清除画布并重绘所有线条。

  3. 重写你的代码,一切都在一个画布上,每次都重绘一切。使用此方法,您将无法使用jQuery UI的可拖动,并且必须自己实现拖动。

  4. 如果我必须选择,我会选择选项2.