2d变换矩阵

glumes 发布于2019-08-29 12:23 / 3177人阅读

2d变换矩阵

2d变换矩阵总共有6个可动的参数，这六个参数分别控制不同的变换

| a  b  0 |
| c  d  0 |
| tx ty 1 |

a 水平缩放

b 水平拉伸

c 垂直拉伸

d 垂直缩放

tx 水平位移

ty 垂直位移

当矩阵为1的单元矩阵的时候

表明该图形没有变换

同等效果

缩放：scale(sx, sy) 等同于 matrix(sx, 0, 0, sy, 0, 0);

平移：translate(tx, ty) 等同于 matrix(1, 0, 0, 1, tx, ty);

旋转：rotate(deg) 等同于 matrix(cos(deg), sin(deg), -sin(deg), cos(deg), 0, 0);

拉伸：skew(degx, degy) 等同于 matrix(1, tan(degy), tan(degx), 1, 0, 0);

转换后的点的计算

x" = a * x + c * y + tx;

y" = b * x + d * y + ty;

作用

可以通过不同matrix，对不同坐标系（相对-绝对或物体-物体）间的点进行转换。常用于游戏/动画场景

云服务器 GPU云服务器 python矩阵变换 2D python 2d quartz-2d

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/111862.html

2d变换矩阵

2d变换矩阵 2d变换矩阵总共有6个可动的参数，这六个参数分别控制不同的变换 | a b 0 | | c d 0 | | tx ty 1 | a 水平缩放 b 水平拉伸 c 垂直拉伸 d 垂直缩放 tx 水平位移 ty 垂直位移当矩阵为1的单元矩阵的时候表明该图形没有变换同等效果缩放：scale(sx, sy) 等同于 matrix(sx, 0, 0, sy, 0, 0); 平移...

reclay 2019-08-20 15:44 评论0 收藏0
CSS3 变换

摘要：概览变换也叫转换，主要包括以下几种旋转扭曲缩放和移动以及矩阵变形。变换没有扭曲操作，有移动，旋转，缩放。三，取消的变换，将变换应用到上并置于缩放前，改变缩放值，没有任何变化。概览 CSS3 变换也叫 2D/3D转换，主要包括以下几种：旋转(rotate) 、扭曲 (skew) 、缩放(scale) 和移动(translate) 以及矩阵变形(matrix) 。transform ...

wayneli 2019-08-28 18:22 评论0 收藏0
猫头鹰的深夜翻译：Java 2D Graphics, 简单的仿射变换

摘要：什么是仿射变换一组设备无关的坐标被用来将所有的坐标信息传递给对象。对象作为对象状态的一部分。类代表一个的仿射变化，将一组的坐标进行线性映射到另一组保留了平行关系和竖直关系的坐标中。什么是仿射变换一组设备无关的坐标被用来将所有的坐标信息传递给Graphics2D对象。AffineTransform对象作为Graphics2D对象状态的一部分。该对象定义了如何将用户空间的坐标转化为设备...

whinc 2019-08-15 15:24 评论0 收藏0