JS小问题之——碰撞检测

今天在写一个自定义拖拽交换图片的demo时碰到了一个关于碰撞检测的问题:即如何判断两个(这里暂时只讨论正方形/长方形)是碰撞到一起了?

我自己做了如下一个分析图:

比较两个元素是否碰撞的代码如下:

 1   isButt:function(obj1,obj2){
 2         var l1=obj1.offsetLeft;
 3         var t1=obj1.offsetTop;
 4         var r1=l1+obj1.offsetWidth;
 5         var b1=t1+obj1.offsetHeight;
 6 
 7         var l2=obj2.offsetLeft;
 8         var t2=obj2.offsetTop;
 9         var r2=l2+obj2.offsetWidth;
10         var b2=t2+obj2.offsetHeight;
11         return!(r1<l2||b1<t2||r2<l1||b2<t1)
12     }

 

转载于:https://www.cnblogs.com/coderzzp/p/6440623.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值