如何使用JavaScript检测两个div是触摸还是重叠?

I have checked the two answers Detecting whether two divs overlap and How to detect if two divs touch with jquery? already.

问题在于,在我的情况下,元素可能会旋转,因此边界不如顶部,左侧,底部,右侧那么简单。参见下图,这些建议将表示灰色框与旋转的图像重叠。但是我们可以看到这是不正确的。

那么在这种情况下我们如何检测重叠呢?

假设条件

  • The elements are all rectangular.
  • The top, left, width, height and angle values are known.
  • The grey box is always straight, i.e. - not rotated.
评论