矩形相交以及求出相交的区域的原理解析

所属分类: 网络编程 / 其它综合 阅读数: 1044
收藏 0 赞 0 分享
(1)设计一个算法,确定两个矩形是否相交(即有重叠区域)
(2)如果两个矩形相交,设计一个算法,求出相交的区域矩形

(1) 对于这个问题,一般的思路就是判断一个矩形的四个顶点是否在另一个矩形的区域内。这个思路最简单,但是效率不高,并且存在错误,错误在哪里,下面分析一 下。

如上图,把矩形的相交(区域重叠)分成三种(可能也有其他划分),对于第三种情况,如图中的(3),两个矩形相交,但并不存在一个矩形的顶点在另一个矩形 内部。所以那种思路存在一个错误,对于这种情况的相交则检查不出。

仔细观察上图,想到另一种思路,那就是判断两个矩形的中心坐标的水平和垂直距离,只要这两个值满足某种条件就可以相交。
矩形A的宽 Wa = Xa2-Xa1 高 Ha = Ya2-Ya1
矩形B的宽 Wb = Xb2-Xb1 高 Hb = Yb2-Yb1
矩形A的中心坐标 (Xa3,Ya3) = ( (Xa2+Xa1)/2 ,(Ya2+Ya1)/2 )
矩形B的中心坐标 (Xb3,Yb3) = ( (Xb2+Xb1)/2 ,(Yb2+Yb1)/2 )
所以只要同时满足下面两个式子,就可以说明两个矩形相交。1) | Xb3-Xa3 | <= Wa/2 + Wb/2
2) | Yb3-Ya3 | <= Ha/2 + Hb/2
即:
| Xb2+Xb1-Xa2-Xa1 | <= Xa2-Xa1 + Xb2-Xb1
| Yb2+Yb1-Ya2-Ya1 | <=Y a2-Ya1 + Yb2-Yb1

(2) 对于这个问题,假设两个矩形相交,设相交之后的矩形为C,且矩形C的左上角坐标为(Xc1,Yc1),右下角坐标为(Xc2,Yc2),经过观察上图,很 显然可以得到:
Xc1 = max(Xa1,Xb1)
Yc1 = max(Ya1,Yb1)
Xc2 = min(Xa2,Xb2)
Yc2 = min(Ya2,Yb2)
这样就求出了矩形的相交区域。
另外,注意到在不假设矩形相交的前提下,定义(Xc1,Yc1),(Xc2,Yc2),且Xc1,Yc1,Xc2,Yc2的值由上面四个式子得出。这样, 可以依据Xc1,Yc1,Xc2,Yc2的值来判断矩形相交。
Xc1,Yc1,Xc2,Yc2只要同时满足下面两个式子,就可以说明两个矩形相交。
3) Xc1 <= Xc2
4) Yc1 <= Yc2
即:
max(Xa1,Xb1) <= min(Xa2,Xb2)
max(Ya1,Yb1) <= min(Ya2,Yb2)
更多精彩内容其他人还在看

微信小程序应用号开发教程详解

这篇文章主要介绍了微信小程序应用号开发教程详解的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序应用号开发体验

这篇文章主要介绍了微信小程序(应用号)开发体验的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信应用号(小程序)入门安装教程及IDE(破解版)下载

这篇文章主要介绍了微信应用号(小程序)入门安装教程及IDE下载的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序开发实例详解

这篇文章主要介绍了微信小程序开发实例详解的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序(应用号)组件详细介绍

这篇文章主要介绍了微信小程序(应用号)组件详细介绍的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信 小程序前端源码详解及实例分析

这篇文章主要介绍了微信 小程序前端源码详解及实例分析的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序(微信应用号)开发工具0.9版安装详细教程

这篇文章主要介绍了微信小程序(微信应用号)开发工具0.9版安装详细教程的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

从Chrome App看微信小程序的发展前景

App的了解也许对我们对小程序的发张和前景的分析带来一定的帮助。接下来本教程给大家分享从Chrome App看微信小程序,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

编译和解释的区别是什么

最近发现有很多网友都提出一个问题:程序的编译与解释有什么区别?这篇文章就为大家介绍了编译和解释的区别,需要的朋友可以参考下
收藏 0 赞 0 分享

Base64编码的深入认识与理解

这篇文章主要介绍了Base64编码的深入认识与理解的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多