HTML等轴测视图

如果我只使用HTML创建一个等距的瓷砖网格，每个网格项都是菱形图像，那么瓷砖在角上重叠。因此，单击其中一个可能会单击与其重叠的图像

我可以使用JavaScript获取鼠标单击事件的X/Y，并确定单击了哪个图像。我可以使用HTML5，同样地，将点击的X/Y转换为图像

我正在研究使用SVG将图像旋转45度。然后，它们不会重叠。我可以点击SVG对象。到目前为止，这似乎是在HTML的等轴测视图中处理单击事件的最简单方法

---

有没有一种在HTML中显示非方形对象的方法是我忽略的？

为什么不创建一个span元素并使用CSS3进行转换？然后你可以使用JS捕捉它的事件。我没有固定的想法，但我的第一个想法是CSS3转换和动画规则的世界。我将尝试转换。我的经验是，点击仍然在矩形中工作，而不是菱形。也许我做错了。