登录
首页 >  文章 >  前端

旋转长方形后,如何计算其相对于画布左上角的轴距?

时间:2024-12-15 11:06:46 203浏览 收藏

IT行业相对于一般传统行业,发展更新速度更快,一旦停止了学习,很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习,精进自己的技术,尤其是初学者。今天golang学习网给大家整理了《旋转长方形后,如何计算其相对于画布左上角的轴距?》,聊聊,我们一起来看看吧!

旋转长方形后,如何计算其相对于画布左上角的轴距?

绘制长方形并旋转,计算旋转后轴距

在拥有 1920×1080 画布中,放置一个宽高为 200×20 的长方形,其坐标位于 (100, 100)。当以任意角度旋转长方形时,如何计算它相对于画布左上角的 x、y 轴距?

以下代码提供了一个计算旋转后长方形轴距的解决方案:

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);

其中:

  • x 和 y 为长方形旋转前相对于画布左上角的 x、y 坐标。
  • w 和 h 为长方形的宽高。
  • r 为旋转角度,单位为度数。
  • x1 和 y1 为旋转后的长方形相对于画布左上角的 x、y 坐标。

旋转长方形后,计算其轴距的代码如下:

const dx = x1 - x;
const dy = y1 - y;

今天关于《旋转长方形后,如何计算其相对于画布左上角的轴距?》的内容介绍就到此结束,如果有什么疑问或者建议,可以在golang学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>