长方形使用rotate旋转任意角度后,怎么计算旋转后长方形在画布上的xy的轴距?

作者站长头像
站长
· 阅读数 14

画布宽高为1920 1080,在里面添加一个长方形,宽高为200 20,长方形在画布的坐标xy为100 100,这个长方形使用rotate旋转任意角度后,怎么计算旋转后长方形在画布上的xy的轴距

未旋转长方形使用rotate旋转任意角度后,怎么计算旋转后长方形在画布上的xy的轴距?旋转30度长方形使用rotate旋转任意角度后,怎么计算旋转后长方形在画布上的xy的轴距?旋转76度长方形使用rotate旋转任意角度后,怎么计算旋转后长方形在画布上的xy的轴距?

如何平均计算每次随机旋转后长方形距离左上角画布的Xy

算数不行,问了gpt试验之后也不正确

回复
1个回答
avatar
test
2024-06-23
  const x = 200;
  const y = 90;
  const w = 200;
  const h = 20;
  const r = 80
  
  const x1 = x + ((w / 2) - (w / 2) * Math.cos(r * Math.PI / 180))
  const y1 = (y + (h / 2)) - (w / 2) * Math.sin(r * Math.PI / 180);

最后的结果是这么算出来了,各种角度也都是没有问题的

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容