关于Raphael js拖放的解释

Explanation of Raphael js drag and drop?

本文关键字：解释拖放 js Raphael 关于更新时间：2024-02-26

视图源：http://raphaeljs.com/touches.html

http://raphaeljs.com/touches.html

如果有人能解释为什么这个拖放的例子有效，我会很高兴的。我可以大致收集每个函数在做什么，但我无法拼凑出它为什么会移动，而没有任何东西告诉它移动。

move函数的行为就像一个回调，它接受两个参数dx, dy。它们分别代表delta-X和delta-Y。

如果你看到这行：

this.attr({cx: this.ox + dx, cy: this.oy + dy});

然后你会注意到，ox和oy分别代表original-X和original-Y。

因此，您可以推断attr函数是用指定原始X+delta X和原始Y+delta Y的参数调用的。

有道理吗？

不要与animate调用混淆——它们用于在开始/停止时扩展/收缩形状。每次移动鼠标时，都会调用move函数，并更新attr。