拉斐尔js拖拉的解释？

Question

视图-出处：http：//raphaeljs.com/touches.html

http://raphaeljs.com/touches.html

如果有人解释为什么这个''''拖放示例有效，我会喜欢它。我可以粗略地收集每个功能正在做的事情，但我无法拼凑为什么当没有任何东西可以移动时它会移动。

Answer 1

move函数表现为回调，它需要2个参数dx, dy。它们分别代表delta-X和delta-Y。

如果你看到这一行：

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

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

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

有意义吗？

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