首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >围绕它的中心点

围绕它的中心点
EN

Stack Overflow用户
提问于 2019-11-07 08:00:44
回答 1查看 52关注 0票数 1

我的问题如下。我想围绕它的中心点旋转网格,但到目前为止,我可以围绕着画布的中心点旋转它。我尝试过不同的设置,但它们都没有带来预期的结果。到目前为止,我只在画布的中心点旋转网格,这不是我想要的。请帮帮忙。我是p5js的初学者,所以任何反馈都会被认可。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-11-07 08:19:12

若要围绕枢轴旋转图像,您必须:

  • 将枢轴“移动”到原点(0,0)。

这意味着您必须通过(-width / 2, -height / 2)

  • rotate将图像

  • “移动”回原来的位置。

这意味着你得用(width / 2, height / 2)来翻译

由于像translaterotate这样的操作定义了一个矩阵并将当前矩阵乘以新的矩阵,所以这些操作必须以相反的顺序执行:

代码语言:javascript
复制
push();

translate(width / 2, height / 2);
rotate(PI / 180 * 45);
translate(-width / 2, -height / 2);

imageMode(CENTER);
rectMode(CENTER);
layerOne.grid.display();
pop();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58744289

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档