2012-07-25 94 views
2

視圖出處:http://raphaeljs.com/touches.html拉斐爾js拖放的解釋?

http://raphaeljs.com/touches.html

我喜歡它,如果有人解釋爲什麼這個拖 'N' 下降示例工作。我可以粗略地收集每個功能正在做什麼,但我無法拼湊出爲什麼這個動作沒有什麼可告訴它移動。

+0

「沒有什麼東西讓它移動」 - 是什麼讓你覺得呢?有多個對'.animate()'方法的調用,以及Raphael的['.drag()'](http://raphaeljs.com/reference.html#Element.drag)方法。 – 2012-07-25 17:23:18

回答

3

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

+0

謝謝那裏!真的很有幫助,很好的解釋。我不明白你提到的東西在做什麼。 – 2012-07-25 23:18:58