我尝试计算旋转矩形边缘的碰撞。
这是关于 jsFiddle 的示例:http: //jsfiddle.net/XgHxx/
像这样的东西:
if( mask.x < img.x * rotate_Factor ) mask.x = img.x * rotate_Factor ;
如您所见,我的碰撞仅适用于未旋转的图像。而且我希望矩形即使在旋转时也位于图像内部。
谢谢,莫滕曼。
ps.:我举了一个我认为如何计算的例子:
我尝试计算旋转矩形边缘的碰撞。
这是关于 jsFiddle 的示例:http: //jsfiddle.net/XgHxx/
像这样的东西:
if( mask.x < img.x * rotate_Factor ) mask.x = img.x * rotate_Factor ;
如您所见,我的碰撞仅适用于未旋转的图像。而且我希望矩形即使在旋转时也位于图像内部。
谢谢,莫滕曼。
ps.:我举了一个我认为如何计算的例子:
看起来它已经得到了回答:看到这个问题如何检查 2 个旋转矩形之间的交集?,还有一个答案提供了JS实现。
从我薄弱的数学头脑中思考,您可以通过找出蒙版的任何角点是否包含在图像的边界线中来检查。
您可以通过计算图像的线方程(基于其位置)来做到这一点,然后检查蒙版的任何角点是否位于任何边界上,然后停止框在该方向上的移动角点正在触及边界。
只是几个数学公式。
在 jquery 中可能有更好的方法来执行此操作,但上述解决方案不需要任何库:)