zoukankan      html  css  js  c++  java
  • 二维图形旋转公式的推导

        关于二维图形旋转可能在非常多计算机图形学相关的书籍上都会介绍,然而真正理解公式推导过程的却讲得不多。

    那么怎样推导出二维图形绕某一点旋转的公式呢?我在这里就将其推导过程简要的说明一下。

    事实上推导过程比較简单,首先我们来看一幅图,看看怎样推导出二维图形绕原点进行旋转的公式。


    上图画的比較粗略,只是能说明问题就够了。如果旋转前的点位于P处。旋转之后的点位于P'处。

    怎样求旋转之后的点P'坐标?

    在图中。旋转之前P的方向角是a,旋转之后P'的方向角就变为a+b,这里b就是旋转的角度。所谓方向角是改点和原点连线与X轴正向的夹角。旋转的正方向是逆时针

    在图中,从P'点向X轴引垂线,垂足为B点,依据三角形的基础知识,能够写出例如以下的等式。


    公式1中的R就是点P以及P'到原点的距离

    由公式1,依据高中三角函数的知识,即和差公式得到例如以下等式2


    通过观察上式,Rcos(a)=x,Rsin(a)=y,所以上式进一步花间能够得到以下的等式。


    这个公式就是我们常常看到的二维图形旋转的公式。这样绕原点的旋转公式推导出来了,那么嗨常常碰到的绕某一点旋转的,比方绕着矢量图形的中心旋转的。

    在这样的情况下,首先须要平移。然后旋转。最后平移回去,详细步骤例如以下。


    由上图可知,(x0,y0)是旋转的顶点。那么先将图形平移到原点,然后绕着原点旋转b角度,最后平移到(x0,y0)上去。

    那么非常easy可知绕随意一点(x0,y0)旋转的公式为


    是不是比較简单,我认为还行。

  • 相关阅读:
    3.6 符号表的应用
    将博客搬至CSDN
    webpack打包vue项目IE报错,“对象不支持“use”属性或方法”
    移动端解决input被输入法挡住的问题
    javascript中对象的深复制的几种方法
    如何随机洗牌一个数组
    setInterval中this指向的问题
    css中的各种常见布局写法
    vue设置全局变量或函数
    【nodejs爬虫】使用async控制并发写一个小说爬虫
  • 原文地址:https://www.cnblogs.com/yxwkf/p/5125479.html
Copyright © 2011-2022 走看看