标签:javascript rotation trigonometry
我在一个矩形中有一个点,我需要旋转任意度数并找到该点的x y.我怎么能用javascript做到这一点.
在x下方,y将是1,3之类,在我将90传递给方法之后,它将返回3,1.
|-------------|
| * |
| |
| |
|-------------|
_____
| *|
| |
| |
| |
| |
_____
|-------------|
| |
| |
| *|
|-------------|
_____
| |
| |
| |
| |
|* |
_____
基本上我正在寻找这种方法的胆量
function Rotate(pointX,pointY,rectWidth,rectHeight,angle){
/*magic*/
return {newX:x,newY:y};
}
解决方法:
这应该这样做:
function Rotate(pointX, pointY, rectWidth, rectHeight, angle) {
// convert angle to radians
angle = angle * Math.PI / 180.0
// calculate center of rectangle
var centerX = rectWidth / 2.0;
var centerY = rectHeight / 2.0;
// get coordinates relative to center
var dx = pointX - centerX;
var dy = pointY - centerY;
// calculate angle and distance
var a = Math.atan2(dy, dx);
var dist = Math.sqrt(dx * dx + dy * dy);
// calculate new angle
var a2 = a + angle;
// calculate new coordinates
var dx2 = Math.cos(a2) * dist;
var dy2 = Math.sin(a2) * dist;
// return coordinates relative to top left corner
return { newX: dx2 + centerX, newY: dy2 + centerY };
}
标签:javascript,rotation,trigonometry 来源: https://codeday.me/bug/20191005/1854682.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。