如果你打算为捕捉到一个nxm网格的东西,你想添加一个侦听器来调用一个捕捉它的函数。你可能会想在 “dragend”
http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-events-tutorial/
box.on("dragend", function(){
snaptogrid(box);
});
... 100x100的网格广场砖
function snaptogrid(YourObject){
YourObject.x = Math.floor(YourObject.x/100) * 100 + 50;
YourObject.y = Math.floor(YourObject.y/100) * 100 + 50;
}
前要做到这一点:如果YourObject.x = 325,那么你将有Math.floor(3.25)* 100 + 50 = 350.左边和顶部应该都在300,而中心在350.
编辑,oops错过了部分问题。为了捕捉到其他的广场,这里就是我想要做的:
function snaptoOther(YourSquares, index){
var lastone = YourSquares.length-1;
var maxDist = 125;
var minDist = 75;
var squarelength = 100;
for(var i=0; i<lastone; i++)
{
var checkx = abs(YourSquares[index].x - YourSquares[i].x);
var checky = abs(YourSquares[index].y - YourSquares[i].y);
var multiplyX = Math.round((YourSquares[index].x - YourSquares[i].x)/squarelength);
var multiplyY = Math.round((YourSquares[index].y - YourSquares[i].y)/squarelength);
if(checkx < maxDist && checkx > minDist && i !== index)
{
YourSquares[index].x = YourSquares[i].x + multiplyX*squarelength;
}
if(checky < maxDist && checky > minDist && i !== index)
{
YourSquares[index].y = YourSquares[i].y + multiplyY*squarelength;
}
}
}
非常感谢,,,一定会试试看 – ashishashen 2012-03-05 09:32:17
谢谢..对于帮助..把它.. :) – ashishashen 2012-03-05 12:06:09
很高兴听到。我是KineticJS的大力支持者,很高兴看到您使用它。我鼓励你在KineticJS论坛发帖分享你的创作。 – randompast 2012-03-06 05:04:01