KineticJS をいじるのに少し問題があります。
私のフィドルからわかるように、ドロップ イベント内の Shape オブジェクト (ボックス) にアクセスして、x、y 座標を取得し、それらに対して計算を実行して、必要な新しい座標を取得しています。形状をスナップしますが、位置を設定してボックスを再描画する方法がわかりません。
ドキュメントはせいぜいまばらです。
http://www.kineticjs.com/api-docs.php (Shape.setPosition( x, y) を参照)
このライブラリをいじった人はいますか?
編集:私の現在の作業フィドル: http://jsfiddle.net/Programmer/m4MZk/