jquery - Jquery：使用可拖放和可拖动显示对齐网格线？

Question

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

Answer 1

使用 HTML5 Canvas 实现它：

---

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