美文网首页
图形变换原理(缩放、平移、拉伸、旋转)

图形变换原理(缩放、平移、拉伸、旋转)

作者: jqboooo | 来源:发表于2019-01-09 14:47 被阅读0次

    首先先理解数学中的矩阵乘法公式,在3行2列 * 2行?列,也就是第一个矩阵的列数和第二个矩阵的行数一定是相等。

    请看图解:

    1.png

    接下来讲解缩放、平移、拉伸、旋转四种变换原理,在三维中,通过光源照射下,不断变换光源,则在投影中得到不同的结果。

    8.png 2.png

    1、缩放

    只变换矩阵的光源的位置,把光源拉近放远,则投影得到缩放的图像,看图解:

    3.png

    2、平移

    只变换矩阵的第三列的位置的数据,则投影得到平移的图像,看图解:

    4.png

    3、拉伸

    只变换矩阵的x, 或是y的位置,则投影就会得到拉伸的图像,看图解:

    5.png

    4、旋转

    先记住公式:

    10.png
    9.png
    1. 如果是以原点旋转,那么就直接套公式,计算旋转数据
    2. 如果是图片的中心或是中间的其他的点,作为旋转点,那么矩阵要做4步相乘,即先平移,再旋转,再平移。看图解:
    6.png 7.png

    结束!

    相关文章

      网友评论

          本文标题:图形变换原理(缩放、平移、拉伸、旋转)

          本文链接:https://www.haomeiwen.com/subject/rhqgrqtx.html