HTML5 Canvas 拖放与对齐网格和恢复支持

Question

我有一个带有 10x10 网格的 html5 画布。用户可以在该网格内拖放类似 tetrix 的对象。对象必须捕捉到网格（在拖动时），如果它被放置在其他对象上，它必须恢复到原始位置。（如 JqueryUI 可拖动）

我知道 EaselJS、KineticJS 支持拖放。但是我找不到任何文档或教程来实现 snap 和 revert 支持。是否有任何现有的解决方案，还是我必须自己推出？