js的问题

判断两个元素是否有重合的部分。
如果是规则的在同一水平线上的标签，比如div和p是否有交集，可以通过计算两个元素的左边距和宽度来判断。
我的问题是假如是两个元素都是不规则且不在同一水平线上呢？
比如我在canvas里面画了2个椭圆，并且二者不在同一水平线上，我应该如何判断二者是否有交集？再如果假如是两张png图片，如何判断除去除去透明背景之外的实体图部分是否有交集？