zoukankan      html  css  js  c++  java
  • WPF中的MatrixTransform

                                                WPF中的MatrixTransform 
                                                                                 周银辉

    虽然在WPF中可以使用TranslateTransform、RotateTransform、ScaleTransform等进行几何变换,但我们也可以使用更底层的MatrixTransform(矩阵变换)来进行更复杂的复合变换。

    首先我们矩阵如何影响几何变换的:

    1,缩放操作
    观察下面的矩阵乘法
    matrix1.png
    如果我们用[2   5]代表点(2,5),我们发现其乘以一个矩阵后变成了[4,5],与之对应的点是(4,5),这相当与其X坐标变成了原来的两倍。
    同理:
    matrix2.png
    经过矩阵乘法后点(2,5)的Y坐标变成了原来的两倍(2,10)。

    我们可以总结出这样的结论:
    matrix3.png

    可以将矩阵的第二和第三个元素设置为0并用矩阵中M11和M22来进行缩放操作,其中M11是对X坐标进行缩放,M22是对Y坐标进行缩放

    2,旋转操作
    观察下面的矩阵乘法:

    matrix4.png
    向量(-5,2)相当于是向量(2,5)按照顺时针方向旋转了90度。
    但这里并没有总结出向缩放一样的简单结论,但我们可以知道,我们可以使用如下的2X2矩阵:
    matrix5.png
    来对点进行线性变换(旋转,缩放。注意:平移变换不是线性变换),即将点对应的矩阵乘以该线性变换矩阵便可。

    3,平移操作
    在矩阵加法中:
    matrix6.png
    我们可以发现点(3,5)实际是在点(2,5)的基础上想X方向平移1一个单位。
    同理,
    matrix7.png
    点(2,6)实际是在点(2,5)的基础上想Y方向平移1一个单位。
    我们可以得到如下结论:
    我们可以使用点对应的矩阵加上如下的矩阵
    matrix8.png
    来实现平移操作,其中offsetX实现了X轴方向上的平移,offsetY实现了Y方向上的平移。

    4,几种操作的融合
    如果仅仅是简单的单一操作(仅旋转或仅平移等)我们就没有必要在这里进行讨论了。现在我们需要将几种几何变换揉合在一起,比如平移对象的同时旋转对象等,我们可以将矩阵乘法与加法揉合在一起进行混合运算。比如向量(2,3)先进行缩放和旋转后再分别在X与Y轴方向上平移了5个与6个单位
    matrix9.png
    上面的这种变换称为仿射变换(affine transformation)

    注意:这种几何变换在操作的先后顺序上是需要注意的,不同的操作次序可以带来不同的结果,比如上面的例子,如果我们先进行平移操作后进行缩放与旋转将得到如下结果:
    matrix10.png

    其实我们更希望将仿射变换中的几个矩阵存储到一个矩阵中来,一种较好的方式是将变换用到的2X2矩阵变成3X3矩阵,这也就是为什么我们WPF中的变换矩阵是3X3的。
    在如下矩阵中:
    matrix11.png
    其中M11,M12,M21,M22就来自于线性变换矩阵,用于指示旋转缩放等线性变换;X, Y来自与平移矩阵,用于指示平移变换。
    由于最右边一列始终是001,所以WPF中的MatrixTransform类的构造函数仅仅需要指定6个参数。
     

  • 相关阅读:
    【转贴】龙芯生态产品和解决方案巡展(第四篇)——存储
    【转贴】龙芯生态产品和解决方案巡展(第五篇)——云终端
    【转贴】龙芯生态产品和解决方案巡展(第六篇) ——操作系统
    【转贴】龙芯生态产品和解决方案巡展(一)
    【转贴】龙芯生态产品和解决方案巡展(第二篇)——笔记本电脑
    【转贴】龙芯生态产品和解决方案巡展(第三篇)——服务器
    【转贴】我们的龙芯3号---致龙芯15周年
    【转贴】GS464/GS464E
    【转贴】Windows virtio 驱动
    【转贴】Windows常用命令实例
  • 原文地址:https://www.cnblogs.com/zhouyinhui/p/809553.html
Copyright © 2011-2022 走看看