假设对图片上任意点(x,y),绕一个坐标点(rx0,ry0)顺时针旋转a角度后的新的坐标设为(x0, y0),有公式:
x0= (x - rx0)cos(a) - (y - ry0)sin(a) + rx0 ;
y0= (x - rx0)sin(a) + (y - ry0)cos(a) + ry0 ;
现在我套用这个公式后发现一个问题,在前端页面上旋转一个图片(拖拽旋转)后,假设为逆时针旋转,那么假设点击的起始左边为(122,50),顺时针旋转15弧度后,得到的点的y点反而小于50了
:如下图
这个公式在坐标轴的第一象限内是没有问题的,但是在前端中touch事件获取的点其实是从(0,0)开始,x,y递增的(点击事件的区域其实在坐标轴的第四象限内,上图画红圈位置)。不知道我有没有表达清楚这个意思。
就是说这个公式获取不到对应的旋转后的点。
有没有懂的或者说遇到过这个问题的,帮忙指点指点一下小弟
想办法抽象成这样子,再减回去