现代计算机图形学笔记(一)——二维变换

开发者福利!热门AI工具限时免费用 购周边即赠Coding Plan Lite,Claude Code、Cursor等20+工具畅享,效率翻倍! 阅读详情

二维变换

缩放

在等比例缩放情况下

image-20210326204039938

如上图所示,若将图片缩小两倍,则坐标x,yx,yx,y的变换为
x′=sxy′=sy x'=sx \\ y'=sy x=sxy=sy
表示为矩阵形式
[x′y′]=[s00s][xy] \left[\begin{array}{l} x^{\prime} \\ y^{\prime} \end{array}\right]=\left[\begin{array}{ll} s & 0 \\ 0 & s \end{array}\right]\left[\begin{array}{l} x \\ y \end{array}\right] [xy]=[s00s][xy]
非等比例缩放情况下

image-20210326204549678
[x′y′]=[sx00sy][xy] \left[\begin{array}{l} x^{\prime} \\ y^{\prime} \end{array}\right]=\left[\begin{array}{ll} s_x & 0 \\ 0 & s_y \end{array}\right]\left[\begin{array}{l} x \\ y \end{array}\right] [xy]=[sx00sy][xy]

反射

水平翻转情况

image-20210326204724184

坐标关系
x′=−xy′=y x'=-x\\ y'=y x=xy=y
写成矩阵形式
[x′y′]=[−1001][xy] \left[\begin{array}{l} x^{\prime} \\ y^{\prime} \end{array}\right]=\left[\begin{array}{ll} -1 & 0 \\ 0 & 1 \end{array}\right]\left[\begin{array}{l} x \\ y \end{array}\right] [xy]=[1001][xy]

切变

image-20210326205009804

根据观察可发现坐标关系:

  • 垂直方向上的坐标一直都没有发生变化
  • y=0y=0y=0时,x,yx,yx,y坐标都无变化
  • y=1y=1y=1时,xxx坐标都平移了aaa

写成矩阵形式
[x′y′]=[1a01][xy] \left[\begin{array}{l} x^{\prime} \\ y^{\prime} \end{array}\right]=\left[\begin{array}{ll} 1 & a \\ 0 & 1 \end{array}\right]\left[\begin{array}{l} x \\ y \end{array}\right] [xy]=[10a1][xy]

旋转

默认情况下,旋转都是绕着圆点旋转,旋转方向为逆时针。

image-20210326205533692

image-20210326210301811

旋转矩阵
Rθ=[cos⁡θ−sin⁡θsin⁡θcos⁡θ] R_{\theta}=\left[\begin{array}{ll} \cos\theta & -\sin\theta \\ \sin\theta & \cos\theta \end{array}\right] Rθ=[cosθsinθ

计算机图形学 复习笔记 (个人整理,仅做复习用 :D) 阅读详情

相关推荐

计算机图形学】c++ OpenGL 二维变换(包括多边形绘制、平移、旋转及缩放)

运行结果演示 源代码 // 二维变换.cpp : 定义控制台应用程序的入口点。 // #include "stdafx.h" #include<GL/glut.h> #include<GL/gl.h> #include<GL/glu.h> #include<iostream> #include<cmath> #include<vector> #define PI 3.14159265358 //q,w,e,r分别为平移,绘制多边形

Arana的博客 6869

图形的二维变换,实现系列的变换

(1) 关于对称(y=-x)的对称变换 (2) 绕着原点逆时针旋转75度 (3) 平移(x方向52,y方向60) (4) 将原图放大为2倍,将原图缩小为0.5 (5) X方向错切15度 实验目的:熟悉二维变换 实验指导:使用矩阵相乘实现二维图形变换(矩阵方法) 附加:实现关于(10,15)点旋转90度; 实现关于 y=15x+30对称

计算机图形学笔记(观测变换、模型变换、视图变换、投影变换、视口变换

计算机图形学笔记(观测变换、模型变换、视图变换、投影变换、视口变换) 目录计算机图形学笔记(观测变换、模型变换、视图变换、投影变换、视口变换、介绍()模型变换(Model transformation)(二)视图变换(View transformation)(三)投影变换(Projection transformation)(四)视口变换(Viewport transformation)二、使用步骤1.引入库2.读入数据总结 、介绍 我们可以这样来描述观测变换(Viewing transform

m0_52548956的博客 2707

二维图形变换原理介绍

齐次坐标表示法就是用N+1维向量来表示个N维向量。在齐次坐标系统中,点(X,Y)(X,Y,H)来表达,其中H为非零的个任意数。点(X,Y)的标准齐次坐标表达为(X/H,Y/H,1),由于H是个任意非零常量,为了简便起见,我们通常取H=1。齐次坐标系统中的点(X,Y,1)包含有笛卡尔坐标上的点(X,Y)

缩小矩形后的坐标

缩小矩形后的坐标点 在坐标系中给出矩形的四个定点坐标,求将这个矩形缩小定距离后的坐标矩形要求:四个定点按顺时针或者逆时针排列P0,P1,P2,P3。 具体操作步骤 1、旋转 以P0为旋转点,以P0指向P1向量的角度为旋转角度旋转,角度为atan((P1.y-P0.y),(P1.x-P0.x)) 注:逆时针旋转乘上正角度,顺时针旋转乘上负角度值。 旋转后的点计做:R_P0,R_P1...

qq_14977553的博客 1550

旋转矩阵公式生成器_向量矩阵的平移、旋转、缩放

*下面是3类基本的2D图形变换矩阵乘法的公式:平移:设某点向x方向移动 dx, y方向移动 dy ,[x,y]为变换坐标, [X,Y]为变换坐标。以矩阵表示:根据矩阵乘法:X = x*1 + y*0 + 1*dx = x + dx;Y = x*0 + y *1 + 1* dy = y + dy;旋转:设某点与原点连线和X轴夹角为b度,以原点为圆心,逆时针转过 度 , 原点与该点连...

weixin_39902508的博客 2635

目标检测:已经标注的图片缩放后,对标注数据的处理

图像进行等比例压缩后,之前图像中标注的数据也需要进行等比例处理才能符合压缩后的图像

qq_26244715的博客 2394

计算机图形学-二维图形-几何变换

几何变化 、概述 图形变换:是种几何变换,在二维图形处理过程中,常常需要对平面图形的形状,尺寸,显示方向和显示位置进行修改,来达到改变图形的目的。 几何变换:是种先行变换,对原来图形中的坐标通过变换生成个新的点坐标:对原来图形中的条直线的变换是通过直线上的亮点作变换后的新的端点坐标,然后连接这两个新的端点,便得到变换后的直线;类似的,可以进行各种图形的几何变换。几何变换的表示采用3*3矩阵的形式,称为变换矩阵,点的坐标表示采用齐次坐标形式(齐次坐标就是将个原本是n维的向量用个n+1维

AlZhuo的博客 7274

计算机图形学平移变换学习

计算机图形学二维和三维平移变换

bcbobo21cn的专栏 1862

计算机图形学-二维图形变换 笔记总结与代码实战

二维图形绘制 话不多说,我们来介绍下知识点~ 1.向量基础知识 为什么向量如此重要:在计算机图形学中主要处理三维世界中的物体对象,因此所有需要描绘的对象都有形状、位置和方向等属性。对于这样的特征,需要编写合适的计算机程序来大致描述这些对象,并描述围绕在物体周围的光线强度,计算出最终在显示器上每个像素的值,而这些都需要使用到向量分析和图形变换。 所有点和向量都是基于某坐标系定义的。坐标系可以分为二维坐标系和三维坐标系,三维坐标系又可以分为左手坐标系和右手坐标系。从几何的角度看,向量是具有长度和方向的实

hanmo22357的博客 9746

计算机图形学完整笔记):图形学概论

文章目录第计算机图形学概论1.1 全书概述1.2 计算机图形学定义1.3 计算机图形学研究内容1.4 计算机图形学的发展历史1.5 计算机图形学的应用领域1.6 计算机图形系统组成1.7 图形显示设备1.8 图形学相关概念1.9 图形图像的区别及存储格式 第计算机图形学概论 1.1 全书概述 图形学基本知识 光栅图形学 扫描转换、区域填充、裁减、反走样、消隐 二维、三维图形变换及观察 几何造型 参数曲线曲面基本概念、Bezier曲线曲面、B样条曲线等 真实感图形学

lucius-liu.cn 1万+

【3】现代计算机图形学(正交投影,透视投影,MVP变换

11

qq_43149051的博客 2万+

计算机图形学-二维变换二维观察

、基本概念 几何变换: 图形的几何变换指对图形的几何信息经过平移、比例、旋转等变换后产生新的图形;即图形在方向尺寸和形状方面的变换,需要改变图形对象的坐标描述。 齐次坐标: n维→n+1维 用(n+1)维向量表示n维向量,ex:二维平面上的点P(x,y)表示为(hx,hy,h);h≠0.n维空间类推; 注意:n维空间用非齐次坐标表示的向量坐标值唯,齐次坐标表示不唯(因为有比例系数); 规范化齐次坐标:即h = 1.规范化齐次坐标提供了用矩阵运算将二/三/n维空间中的个点集从坐标系.

weixin_51538888的博客 2111

计算机图形学(三)|二维变换

本文介绍了2D图形变换的基本原理与应用。主要内容包括:1)图形变换的分类(建模变换与视图变换);2)常见2D变换类型(缩放、反射、剪切、旋转、平移)及其矩阵表示;3)齐次坐标的概念与作用,通过增加维度统表示线性变换和平移变换。文章重点阐述了各种变换的数学表达式和矩阵推导过程,特别说明了平移变换需要借助齐次坐标扩展为3×3矩阵才能与其他变换保持形式统。这些变换技术是计算机图形学中物体建模和视觉渲染的基础。

weixin_46441425的博客 2124

计算机图形学 期末复习笔记

计算机图形学笔记,复习,期末,总结

aerazer的博客 5487

计算机图形学(Computer Graphics)的学习笔记

计算机图形学是研究通过计算机将数据转换为图形,并在专门的显示设备上显示的原理,方法和技术的学科。

伯努利 2万+

计算机图形学:基础变换矩阵总结(缩放,旋转,位移)

变换矩阵总结摘要1 2D线性变换1.1 缩放(scaling)1.2 剪切(shearing)1.3 旋转(rotation)2 3D线性变换2.1 3维缩放(scaling),剪切(shearing),旋转(rotation)2.2 3维绕任意轴旋转3 仿射变换3.1 位移(translation)Reference 摘要 变换矩阵 (Transformation Marices)图形学中的...

吃人的博客 3万+

计算机图形学】小白谈计算机图形学(四)二维三维图形变换—1

小白谈计算机图形学(四)二维三维图形变换—1窗口与视图二维图形的几何变换平移变换比例变换旋转变换二维图形变换的矩阵表示三种变换齐次坐标变换二维线性变换齐次坐标法复合变换小结相关链接 窗口与视图 窗口::在计算机图形学中,将在用户坐标系中需要进行观 察和处理的坐标区域称为窗口(Window)。即用户在 用户域中指定的任意区域W。 比如下图可以是屏幕上的个窗口,窗口里的位置都是相对不变的。...

一拳Marx 3850

[简化版 Games 101] 计算机图形学 05:二维变换

齐次坐标通过增加个维度,将二维/三维几何变换为矩阵乘法运算,解决了平移变换无法融入线性代数体系的问题。核心设计是将点表示为(x,y,1)(x,y,z,1),向量表示为(x,y,0)(x,y,z,0),既实现了平移的矩阵化表示,又保持了向量的平移不变性。这种表示方法不仅统了仿射变换(旋转、缩放、平移),还支持变换的组合、逆运算和分解,为计算机图形学和视觉领域提供了简洁高效的数学基础。从二维到三维的完美扩展,展现了用适度维度提升解决复杂问题的数学智慧。

软件科学-郝学胜 1313
上一篇: C++内联函数详解
下一篇: 现代计算机图形学笔记(二)——三维变换、正交&透视投影
Feyily
博客等级 码龄11年 68粉丝 28原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值