我能以某种方式检测到一个物体被移动到另一个物体上Raphael.js
吗?
我使用基本的 startMove()、move()、stop() 方法来拖放对象:
var startSystemMove = function() {
this.odx = 0;
this.ody = 0;
};
var moveSystem = function(dx, dy) {
this.translate(dx - this.odx, dy - this.ody);
this.odx = dx;
this.ody = dy;
};
var stopSystemMove = function(dx, dy) {
// do nothing...
};
以下是对象:
var r1 = paper.rect(20, 105, 122, 23).attr({
'fill':'#fff',
'fill-opacity':'0.5',
'stroke-width':'3',
'stroke':'#fff',
'cursor':'move'
});
var r2 = paper.rect(200, 200, 100, 100).attr({
'fill':'#fff',
'fill-opacity':'0.5',
'stroke-width':'3',
'stroke':'#fff',
'cursor':'move'
});
设置可拖动:
r1.drag( moveSystem, startSystemMove, stopSystemMove );
r2.drag( moveSystem, startSystemMove, stopSystemMove );
我怎样才能解除其中一个对象移动到另一个对象之上?