是否可以进行六边形拖放？

Question

The grid.

是否可以创建一个拖放系统，其中圆形可拖动元素将捕捉到上面显示的这个六边形网格，并记录起始坐标和到达坐标？我想通过记录点击坐标并在服务器上的特殊网格上的相同坐标处对齐像素的颜色来解决这个问题，然后从颜色代码解码坐标，但如果它将是更加用户友好的可以拖放。

感谢您的时间。

利文特

Answer 1

根据你如何表示六边形（svg，图像，css +旋转的div，画布......），我会使用不同的方法。如果使用SVG或旋转的div，则只需使用onmouseover事件处理程序来确定底层六边形。如果使用画布，则使用旋转矩阵将笛卡尔指针坐标冷转换为立方体坐标。

我在下一页上找到了很多有用的坐标转换： http://www.redblobgames.com/grids/hexagons/#coordinates

如果您想使用此方法，我不知道您要使用哪个坐标系，我也不知道您如何存储与六边形字段相关的信息。因此，我还不能给你一个完整的解决方案，但我希望无论如何这些信息对你有帮助。