【问题标题】:KineticJS one shape triggering event on another shape on dragoverKineticJS 一个形状在拖动时触发另一个形状上的事件
【发布时间】:2013-04-20 02:04:18
【问题描述】:
我熟悉 kineticJS 并且刚刚遇到我的第一个问题,希望有人能够提供帮助。
我想做的是将一个形状(触发器形状)拖到另一个形状(目标形状)上,然后触发事件或函数(在本例中为 AJAX 帖子)。
我想做的另一件事是将两种形状的信息(名称)传递到 ajax 帖子中。
(做 ajax 帖子本身不是问题,它是触发事件并获取两种形状的信息)
提前致谢
【问题讨论】:
标签:
events
binding
kineticjs
shapes
【解决方案1】:
trigger.on('dragend', function() {
var x = trigger.getX();
var y = trigger.getY();
var triggerName = trigger.getName();
var children = triggerLayer.getChildren();
for( var i=0; i<children.length; i++){
if(x > (children[i].getX()- children[i].getWidth()/2) &&
x < (children[i].getX()+ children[i].getWidth()/2) &&
y > (children[i].getY()- children[i].getHeight()/2) &&
y < (children[i].getY()+ children[i].getHeight()/2)
)
{
alert(triggerName + "has activated" + children[i].getName())
///ajax post
}
}