二维图形变换

最新推荐文章于 2024-06-14 10:40:06 发布
最新推荐文章于 2024-06-14 10:40:06 发布
阅读量1.1w 收藏 78
点赞数 9
分类专栏： 计算机图形学 C++ 计算机图形学 文章标签： 二维图形变换 C++ 图形学 MFC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wp1603710463/article/details/50382814
版权

                               二维图形变换

一．目的：

      1．了解不同的二维坐标变换公式。

      2．掌握二维坐标变换公式的使用方法。

      3．掌握二维图形的基本几何变换：平移、旋转和缩放。

 

二．要求：

      1．在屏幕上绘制出较简单的几何图形。

      2．对1的图形进行平移变换（每次平移一个单位），绘制出变换后的几何图形。

      3．对1的图形进行旋转变换（每次旋转角度为3.14/36），绘制出变换后的几何图形。

      4．对1的图形进行比例变换（横纵坐标变换比例为0.5或2），绘制出变换后的几何图形。

三．原理和关键算法：

     1.  编辑一个资源，并为其映射一个类cgTransControl。

     2.  在Doc下，定义空间变换矩阵

               float  m_LineTransMatria【3】【2】；

               float  m_PolyTransMatria【3】【2】.

     3.  定义一条空间线段和一个空间多边形，本例为三角形。

     4.  二维图形变换主要是基于齐次坐标方程,通过一些简单的矩阵运算来实现: 

      二维齐次坐标变换的矩阵形式是:  

      矩阵的每个元素都有特殊含义。其中可以对图形进行缩放,旋转等变换;是对图形进行平移变换; 

则是对图形整体进行缩放变换.

     5. 平移变换：

     将一个图形在X方向中平移tx个单位,在Y方向平移ty个单位.其实现过程如下:

     

     其中:x1,y1是变换后的坐标,x,y是变换前的坐标,通过上述变换,(x,y)被平移了P(tx,ty). 在二维平面上任何复杂的变换都可以通过上述基本变换的组合来实现.在计算机上主要体现在矩阵的乘法运算,即将各个简单变换的矩阵逆序相乘,就可以得到一个总的变换矩阵.利用这个总的变换矩阵就可以对图形进行复合变换.

    6. 旋转变化：

   

    7. 放缩变换：

   

四．关键代码：

   1. 绘制初始直线和多边形，并将变换后的图形绘出：

void CCg_WuPing2DtransView::pDrawScene(CDC* pDC)
{
	CCg_WuPing2DtransDoc* pDoc = GetDocument();
	
	// Draw coordinate
 	pDC->MoveTo(m_wndWidth/2,  0);
	pDC->LineTo(m_wndWidth/2,  m_wndHeight);
	
	pDC->MoveTo(         0,  m_wndHeight/2);
	pDC->LineTo(m_wndWidth,  m_wndHeight/2);
	
	if (pDoc->m_objSelect < 2) pCalTransMatrix();

	// Line Object trans and clip
	float tx1,ty1,tx2,ty2;
	int   itx1,ity1,itx2,ity2;
	tx1 = pDoc->x1;    ty1 = pDoc->y1;
	tx2 = pDoc->x2;    ty2 = pDoc->y2;
	
	pTrans2Dpoint(&tx1, &ty1);
    pTrans2Dpoint(&tx2, &ty2);
	pDC->MoveTo(m_wndWidth/2+tx1, m_wndHeight/2-ty1);
	pDC->LineTo(m_wndWidth/2+tx2, m_wndHeight/2-ty2); 

	pDoc->m_lineVisible = false;
	itx1 = tx1;   itx2 = tx2;
    ity1 = ty1;   ity2 = ty2;
	if (ClipLine(&itx1, &ity1, &itx2, &ity2)) {
		CPen newPen;
		CPen *oldPen;
		
		// Create new color pen to Draw Clipping Line
		newPen.CreatePen(PS_SOLID, 2,  RGB(255, 250, 0));
		oldPen = (CPen *)pDC->SelectObject(&newPen);
		
		pDC->MoveTo(itx1+m_wndWidth/2, m_wndHeight/2-ity1);
		pDC->LineTo(itx2+m_wndWidth/2, m_wndHeight/2-ity2);
		
		pDC->SelectObject(oldPen);
		newPen.DeleteObject();
		
		pDoc->cx1 = itx1;  pDoc->cx2 = itx2;
        pDoc->cy1 = ity1;  pDoc->cy2 = ity2;
		pDoc->m_lineVisible = true;
		
	}

	// polygon Object trans and clip
    float tx[16],ty[16];

	for (int i = 0; i < pDoc->m_polyPoints; i++)
	{
		tx[i] = pDoc->m_polyPointsX[i];
		ty[i] = pDoc->m_polyPointsY[i];
	}
	pTrans2Dpoints(pDoc->m_polyPoints, tx, ty);

    pDC->MoveTo(m_wndWidth/2+tx[0], m_wndHeight/2-ty[0]);
	for (i = 1; i < pDoc->m_polyPoints; i++)
		pDC->LineTo(m_wndWidth/2+tx[i], m_wndHeight/2-ty[i]);

	pDoc->m_polyVisible = false;

	int points = pDoc->m_polyPoints,xx[16],yy[16],cn,cx[16],cy[16];

	for (i = 0; i < pDoc->m_polyPoints; i++)
	{
		xx[i] = tx[i];
		yy[i] = ty[i];
	}

    if (ClipPolygon(pDoc->m_polyPoints, xx, yy, &cn, cx, cy))
	{
		CPen newPen;
		CPen *oldPen;
		
		// Create new color pen to Draw Clipping Line
		newPen.CreatePen(PS_SOLID, 2,  RGB(255, 0, 0));
		oldPen = (CPen *)pDC->SelectObject(&newPen);
		
		pDC->MoveTo(cx[0]+m_wndWidth/2, m_wndHeight/2-cy[0]);
		for (i = 0; i < cn; i++) 
			pDC->LineTo(cx[i]+m_wndWidth/2, m_wndHeight/2-cy[i]);

		pDC->LineTo(cx[0]+m_wndWidth/2, m_wndHeight/2-cy[0]);

		pDC->SelectObject(oldPen);
		newPen.DeleteObject();
		
		pDoc->m_clipPolyPoints = cn;

		for (i = 0; i < cn; i++ )
		{
			pDoc->m_polyClipPointsX[i] = cx[i];
            pDoc->m_polyClipPointsY[i] = cy[i]; 
		} 

		pDoc->m_polyVisible = true;
	}


    pDC->MoveTo(m_wndWidth/2+pDoc->m_wndRectangle[0], m_wndHeight/2-pDoc->m_wndRectangle[3]);
	pDC->LineTo(m_wndWidth/2+pDoc->m_wndRectangle[1], m_wndHeight/2-pDoc->m_wndRectangle[3]);
    pDC->LineTo(m_wndWidth/2+pDoc->m_wndRectangle[1], m_wndHeight/2-pDoc->m_wndRectangle[2]);
	pDC->LineTo(m_wndWidth/2+pDoc->m_wndRectangle[0], m_wndHeight/2-pDoc->m_wndRectangle[2]);
	pDC->LineTo(m_wndWidth/2+pDoc->m_wndRectangle[0], m_wndHeight/2-pDoc->m_wndRectangle[3]);

	// Tell CgTransControl the process finish now.
    pDoc->UpdateAllViews(this);
}

    2. 变换操作：分别实现四个方向的变换：（-X，+X，-Y，+Y）

void CCg_WuPing2DtransView::pCalTransMatrix()
{
	CCg_WuPing2DtransDoc* pDoc = GetDocument();

	switch (pDoc->m_transDir) {
	  case 0: // -X
          if (pDoc->m_transMode == 0)        pCal2DTranslateMatrix(-10.0, 0.0);
	      else if (pDoc->m_transMode == 1)   pCal2DRotateMatrix(sin(3.14/36), cos(3.14/36));
		  else                               pCal2DScaleMatrix(0.5, 1.0);
		  break;
	  case 1: // +X
		  if (pDoc->m_transMode == 0)        pCal2DTranslateMatrix(10.0, 0.0);
		  else if (pDoc->m_transMode == 1)   pCal2DRotateMatrix(-sin(3.14/36), cos(3.14/36));
		  else                               pCal2DScaleMatrix(2.0, 1.0);
		break;
	  case 2: // +Y
		  if (pDoc->m_transMode == 0)        pCal2DTranslateMatrix(0.0, +10.0);
		  else if (pDoc->m_transMode == 1)   pCal2DRotateMatrix(-sin(3.14/36), cos(3.14/36));
		  else                               pCal2DScaleMatrix(2.0, 1.0);
		  break;
	  case 3: // -Y
		  if (pDoc->m_transMode == 0)        pCal2DTranslateMatrix(0.0, -10.0);
		  else if (pDoc->m_transMode == 1)   pCal2DRotateMatrix(sin(3.14/36), cos(3.14/36));
		  else                               pCal2DScaleMatrix(0.5, 1.0);
		break;
	}
}

    3.平移变换：

void CCg_WuPing2DtransView::pCal2DTranslateMatrix(float Tx, float Ty)//平移变换
{
	CCg_WuPing2DtransDoc * pDoc = (CCg_WuPing2DtransDoc*)GetDocument();

    if(pDoc ->m_objSelect == 0)
	{
		pDoc->m_lineTransMatrix[2][0] = pDoc ->m_lineTransMatrix[2][0] + Tx;
	    pDoc ->m_lineTransMatrix[2][1] = pDoc ->m_lineTransMatrix[2][1] + Ty;
	}
    
    if(pDoc ->m_objSelect == 1)
	{
		pDoc->m_polyTransMatrix[2][0] = pDoc->m_polyTransMatrix[2][0] + Tx;
	    pDoc->m_polyTransMatrix[2][1] = pDoc->m_polyTransMatrix[2][1] + Ty;
}
}

    4. 旋转变换:

void CCg_WuPing2DtransView::pCal2DRotateMatrix(float S, float C)//旋转变换
{
	CCg_WuPing2DtransDoc* pDoc = (CCg_WuPing2DtransDoc*)GetDocument();
	

	if(pDoc ->m_objSelect == 0)
	{
	    float temp1,temp2;
		temp1 = pDoc ->m_lineTransMatrix[0][0];
		temp2 = pDoc ->m_lineTransMatrix[1][0];
        pDoc ->m_lineTransMatrix[0][0] = pDoc ->m_lineTransMatrix[0][0]*C-pDoc ->m_lineTransMatrix[0][1]*S;
        pDoc ->m_lineTransMatrix[0][1] = temp1*S + pDoc ->m_lineTransMatrix[0][1]*C;
		pDoc ->m_lineTransMatrix[1][0] = pDoc ->m_lineTransMatrix[1][0]*C-pDoc ->m_lineTransMatrix[1][1]*S;
		pDoc ->m_lineTransMatrix[1][1] = temp2*S+pDoc ->m_lineTransMatrix[1][1]*C;
	
	}

	if(pDoc ->m_objSelect == 1)
	{
		float temp1,temp2;
		temp1 = pDoc ->m_polyTransMatrix[0][0];
		temp2 = pDoc ->m_polyTransMatrix[1][0];
        pDoc ->m_polyTransMatrix[0][0] = pDoc ->m_polyTransMatrix[0][0]*C-pDoc ->m_polyTransMatrix[0][1]*S;
        pDoc ->m_polyTransMatrix[0][1] = temp1*S + pDoc ->m_polyTransMatrix[0][1]*C;
		pDoc ->m_polyTransMatrix[1][0] = pDoc ->m_polyTransMatrix[1][0]*C-pDoc ->m_polyTransMatrix[1][1]*S;
		pDoc ->m_polyTransMatrix[1][1] = temp2*S+pDoc ->m_polyTransMatrix[1][1]*C;
	}
 
}

     5. 比例变换：

void CCg_WuPing2DtransView::pCal2DScaleMatrix(float Sx, float Sy)// 比例变换
{
	CCg_WuPing2DtransDoc* pDoc = (CCg_WuPing2DtransDoc*)GetDocument();
	if(pDoc ->m_objSelect == 0)
	{
		pDoc ->m_lineTransMatrix[0][0] = pDoc ->m_lineTransMatrix[0][0] * Sx;
		pDoc ->m_lineTransMatrix[1][1] = pDoc ->m_lineTransMatrix[1][1] * Sy;
	}
	if(pDoc ->m_objSelect == 1)
	{
		pDoc ->m_polyTransMatrix[0][0] *= Sx;
		pDoc ->m_polyTransMatrix[1][1] *= Sy;
	}
}

    6. 实现自动变换操作：

       调用以下函数：

  void CCg_WuPing2DtransView::OnTimer(UINT nIDEvent)
  void CCg_WuPing2DtransView::OnOutoplay()
  void CCg_WuPing2DtransView::OnUpdateOutoplay(CCmdUI* pCmdUI)

五．结果及分析：

    1.  对话界面：

      

     2.  平移变换：

      

    3.   旋转变换：

      

     4.   比例变换：

       






火雨_Nick
关注
  • 9
    点赞
  • 踩
  • 78
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图形学 ---- 二维几何变换（二维图形矩阵平移，旋转，缩放）
qq_37682160的博客
04-19 9176
二维图形几何变换，矩阵计算 前言：对于一个图形的几何变换，对应的是操作到图形中的每一个点！ 即对每一个点做出相应的几何变换。比如平移，就是对二维图形的每个点都平移相同的距离；旋转则是对每一个点，基于基准点旋转相应角度！缩放操作也是如此！ 所以下面的矩阵计算都是基于二维平面上一个点（基于基准点）的几何变换！ 二维图形平移： ’ 如上图所示：P（x,y）,P’（x’,y’），x轴平移距离：Tx，y轴平...
计算机图形学-二维图形变换 笔记总结与代码实战
hanmo22357的博客
04-22 8307
二维图形绘制 话不多说，我们来介绍一下知识点~ 1.向量基础知识 为什么向量如此重要：在计算机图形学中主要处理三维世界中的物体对象，因此所有需要描绘的对象都有形状、位置和方向等属性。对于这样的特征，需要编写合适的计算机程序来大致描述这些对象，并描述围绕在物体周围的光线强度，计算出最终在显示器上每一个像素的值，而这些都需要使用到向量分析和图形变换。 所有点和向量都是基于某一个坐标系定义的。坐标系可以分为二维坐标系和三维坐标系，三维坐标系又可以分为左手坐标系和右手坐标系。从几何的角度看，向量是具有长度和方向的实
【计算机图形学】实验三:二维图形变换
zombotany的博客
07-05 1667
完成对北极星图案的缩放、平移、旋转、对称等二维变换。 提示： 首先要建好图1示的北极星图案的数据模型（顶点表、边表） 另外，可重复调用“清屏”和“暂停”等函数，使整个变换过程具有动态效果。 Visual Studio 2022、图形学实验程序框架、Windows11系统首先，为了绘制出北极星图形，需要构建顶点表和边表。将顶点按如图2的顺序进行编号，并预处理出所有顶点相对于中心点的坐标值。 在按顺序对顶点编号完成后，即可计算出所有顶点相对于0号顶点的坐标值偏移量。设0号点坐标为窗口中心。在构造完顶点表后，对
【数学】什么是最小二乘法？如何求解最小二乘法？
最新发布
q742971636的博客
06-14 2128
最小二乘法（Least Squares Method）是一种用于找到数据点最佳拟合曲线的数学优化技术。它通过最小化数据点和拟合曲线之间的误差平方和来实现。广泛应用于统计学、数据分析和机器学习中。在经济学中，最小二乘法可以用来预测消费支出与收入之间的关系。例如，根据历史数据，使用最小二乘法可以拟合出消费支出与收入的关系直线，从而预测未来的消费行为。
二维图形的矩阵变换（一）——基本概念
weixin_33811539的博客
08-18 1014
基本的二维变换可包括旋转、缩放、扭曲，和平移四种，                      而这些几何运算则可以转换为一些基本的矩阵运算：      这几个变换都是线性的，但平移运算不是线性的，不能通过2*2矩阵运算完成。若要将点 (2, 1)在 x 方向将其平移 3 个单位，在 y 方向将其平移 4 个单位。 可通过先使用矩阵乘法再使用矩阵加法来完成此操作。      综合这几种基...
计算机图形学笔记 || 二维变换
nokto maro
05-28 2709
图形几何变换包括平移、比例、旋转、反射、错切变换，以上会用到线性代数的知识，建议先复习一遍与矩阵相关的知识点。
计算机图形学(MFC)-二维图形变换(正方体)
03-24
在本资源中，我们关注的是二维图形变换，特别是针对正方体的移动、伸缩和旋转操作。这些变换在游戏开发、用户界面设计、工程绘图等多个领域都有广泛应用。 MFC，全称Microsoft Foundation Classes，是微软提供的...
二维图形变换VC源代码(计算机图形学)
03-17
二维图形变换是计算机图形学中的基础概念，它涉及到如何在屏幕上改变图形的位置、形状和方向。在VC++环境中，我们通常使用MFC（Microsoft Foundation Classes）框架来实现这些操作。这个压缩包包含了一系列源代码...
rt.rar_二维变换_二维图形变换
09-23
二维图形变换是计算机图形学中的一个基础且重要的概念，它涉及到如何通过数学公式对图形进行移动、旋转、缩放和倾斜等操作。在本压缩包文件"rt.rar_二维变换_二维图形变换"中，我们可以预见到其内容可能涵盖了这些...
二维图形的变换（矩阵形式）
from_the_star的博客
04-01 6126
变化图形就是变化图形的几何关系，即改变顶点的坐标，同时保持图形的原拓扑关系不变（即用结点、弧段和多边形所表示的实体之间的邻接、关联、包含和连通关系不变。如：点与点的邻接关系、点与面的包含关系、线与面的相离关系、面与面的重合关系等） 计算机中的二维图形变换满足仿射变换 仿射变换（Affine Transformation） 1. “平直性”：直线经过变化之后依旧是直线 2. “平行性”：平行线...
二维图形几何变换算法
10-28
图像的几何变换包括:图像的空间平移、比例缩放、旋转、仿射变换和图像插值。 图像几何变换的实质:改变像素的空间位置，估算新空间位置上的像素值。  图像几何变换的一般表达式：[,][(,),(,)]uvXxyYxy ，其中，[,]uv为变换后图像像素的笛卡尔坐标， [,]xy为原始图像中像素的笛卡尔坐标。这样就得到了原始图像与变换后图像的像素的对应关系
二维图形的几何变换。
05-23
利用二维图形的平移、缩放、旋转等几何变换，完成下面的图形，通过菜单完成:
二维模型变换矩阵推导【缩放、旋转、位移、切变】
YanDabbs的博客
01-11 933
二维变换矩阵推导（缩放，旋转，位移，切变），以及齐次坐标的表示。
c语言二维图形变换程序,[C语言]二维图形基本几何变换的实现
weixin_34072296的博客
05-18 1219
任意给定一个三角形, 对它进行平移,放大,两种变换.(1)将三角形的坐标存放到数组中(2)先画出原始的三角形,再进行变换,画出变换后的形状(3)建议:a)左键双击屏幕，画出三角形void CTranslationView::DrawPolyline(CPoint spt[],int n){RedrawWindow();CDC* pDC=GetDC();CPen newpen(PS_SOLID,1...
二维图形基本几何变换矩阵
热门推荐
姜希成的博客
06-18 2万+
二维图形基本几何变换是指相对于坐标原点和坐标轴进行的几何变换，包括平移（Translate）、比例（Scale）、旋转（Rotate）、反射（Reflect）和错切（shear）5种变换。物体变换物体变换是通过变换物体上每一个顶点实现的，因此以点的二维基本几何变换为例讲解二维图形基本几何变换矩阵 。 平移变换矩阵 比例变换矩阵 旋转变换矩阵 反射变换矩阵 ...
常见的图像几何变换
安阳知秋
08-08 5358
文章目录旋转平移缩放镜像转置错切(倾斜)刚体变换相似变换仿射变换投影变换 图像的几何变换又称为图像空间变换， 它将一幅图像中的坐标位置映射到另一幅图像中的 新坐标位置。常见的几何变换包括旋转、平移、缩放、镜像、转置、错切等，以及几种组合变换，如刚体变换、仿射变换、单应变换 旋转 (x,y,)=(cos(θ)−sin(θ)sin(θ)cos(θ))(xy) \left(\begin{matrix} x^,\\y^, \end{matrix}\right) = \left(\begin{matrix} co
计算机图形学：二维图形的几何变换（算法原理及代码实现）
qq_55982881的博客
02-22 1万+
一、实现方案 　　对于一个二维图形作平移、旋转、放缩变换，可以转换为在二维坐标系中图形的所有点分别可以对应到在x，y轴方向分别平移tx，ty（平移）、绕一点旋转固定的角（旋转）、在x，y轴方向分别放缩sx，sy倍。 　　对于变换的原理，只需要将原图形的点通过极坐标或者相加、相乘，再结合二维矩阵的原理即可实现，如果图形需要对图形对象进行旋转和放缩两类变换进行多次操作，则可以首先将两变换矩阵合成一个复合变换矩阵。针对于平移是矩阵的相加，为了统一成相乘，可以用齐次坐标可以解决。 　　如下为在齐次坐标下，各原
二维图形复合变换
万里归来少年心
08-05 5353
    复合变换是指图形做一次以上的几何变换，变换结果是每次的变换矩阵相乘。从另一个方面看，任何一个复杂的几何变换都可以看成是基本几何变换的组合。            （n&gt;1） 1. 复合平移     P经过两次连续平移后，其变换矩阵可写为：   2.复合缩放    P经过两次连续缩放后，其变换矩阵可写为：   3.复合旋转     P经过两次连续旋转后，其变换矩阵可写...
计算机图形学：二维图形变换解析
"这是一份关于计算机图形学的课件，主要探讨了二维图形变换的主题，包含71张幻灯片。内容涵盖了图形变换的基本概念、几何变换、视图变换和投影变换，以及它们在图形处理中的应用。课件强调了图形变换保持拓扑关系...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值