Jquery：使用droppable和draggable显示对齐网格线？

Question

我正在尝试显示一个$ f00x $ f00网格（20x20或30x30等）（带网格线），可以将图像拖放到上面。我不确定如何让网格显示有没有人有任何想法？

Answer 1

使用HTML5 Canvas实现此功能：

---

1. 将画布层叠在容器顶部（例如div元素），将图像拖放到其上，使坐标对齐。 I.E.画布直接与您的容器重叠。
2. 确保画布的z-index高于图像容器。
3. 将网格线绘制到画布