拉斐尔js拖放的解释？

Question

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

http://raphaeljs.com/touches.html

我喜欢它，如果有人解释为什么这个拖 'N' 下降示例工作。我可以粗略地收集每个功能正在做什么，但我无法拼凑出为什么这个动作没有什么可告诉它移动。

Answer 1

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

如果您看到这行：

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

然后你会发现，牛，OY分别代表原-X和原-Y。

因此，你可以扣除的ATTR函数被调用与指定原装X + Delta X及原始Y +增量Y.

意义的争论？

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