图像变换原理

图像的变换包括“缩放、旋转、变形(斜拉、扭曲)”,在计算机中,屏幕上每个显示的点都是基于坐标的,所以图像变换还包括“位移”。

下面以一个在第四象限的A正方形(四个顶点坐标分别为a(1,-1),b(2,-1),c(2,-2),d(1,-2),中心点为o(1.5,-1.5))为例来说明各种图像变换的原理:(只分享最终结果,推理步骤就不赘述了,聪明的你自己分析吧)

一、图像缩放(把A放大2倍)

 

二、图像旋转(把A顺时针旋转30度)

 

三、图像斜拉(把A水平斜切30度)

 

四、图像位移(把A往左平移2cm,往上平移2cm)

 

css3中transform的

transform: matrix(a,b,c,d,e,f);

转载于:https://www.cnblogs.com/caiquan/p/6041700.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值