GDI坐标系统(上)

最新推荐文章于 2020-08-25 08:48:25 发布
最新推荐文章于 2020-08-25 08:48:25 发布
阅读量1.2k 收藏 4
点赞数
分类专栏： 计算机图形学 WINAPI_MFC

http://www.functionx.com/visualc/gdi/gdicoord.htm

       当在Windows上绘图时，绘图区的坐标系统的原点位于屏幕左上角。在屏幕上的所有东西要参照此点来定位。此点可称作笛卡尔坐标系原点(0,0),水平轴(注：x轴)沿(0,0)点向右，竖直轴(注:y轴)沿(0,0)向下。

     此原点为操作系统默认坐标原点。如果你调用Ellipse(-100, -100, 100, 100)画图形。可画出一个圆。圆心在屏幕左上角。在此例中，只有右下方的3/4圆可见。

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting
	
	CPen PenBlue;

	// Blue solid pen width = 1
	PenBlue.CreatePen(PS_SOLID, 1, RGB(0, 12, 255));

	dc.SelectObject(&pPen);
	dc.Ellipse(-100, -100, 100, 100);
}

      同样，你可以使用CPaintDC来绘制几何图形或非几何图形。例如，下面的代码，在窗体的中心绘制垂直和水平的两条直线：

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting
	
	CRect Recto;
	CPen PenBlue;

	PenBlue.CreatePen(PS_SOLID, 1, RGB(0, 12, 255));
	dc.SelectObject(&PenBlue);
	dc.Ellipse(-100, -100, 100, 100);

	CPen PenBlack;
	PenBlack.CreatePen(PS_SOLID, 1, BLACK_PEN);
	dc.SelectObject(&PenBlack);

	// Retrive the size of the drawing area
	GetClientRect(&Recto);

	dc.MoveTo(Recto.Width() / 2, 0);
	dc.LineTo(Recto.Width() / 2, Recto.Height());
	dc.MoveTo(0, Recto.Height() / 2);
	dc.LineTo(Recto.Width(), Recto.Height() / 2);
}


改变坐标系

      如下所示，默认坐标第它的原点在屏幕的左上角。水平轴从原点向右。竖直轴从原点向下。为了描述此坐标系，我们画一个圆，圆心为原点(0,0)。半径为50个单位。再画一条直线，(0,0)到(100,100):

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	// A circle whose center is at the origin (0, 0)
	dc.Ellipse(-50, -50, 50, 50);

	// A line that starts at (0, 0) and ends at (100, 100)
	dc.MoveTo(0, 0);
	dc.LineTo(100, 100);
}


     This default origin is fine for most, if not all regular, operations performed on graphics applications.例如，绝大多数的图形程序，包括Paint Shop Pro，都使用此种坐标系。有时，你需要控制坐标系的原点。例如，绝大多数CAD程序，包括AutoCAD，都允许用户设置坐标系原点。

    MFC提供多种函数来处理坐标系原点位置，并扩展到了绘图区。包括用于设置坐标系原点的函数。由于你在一个device context上绘图，你所要做的只是简单地调用CDC::SetViewportOrg()方法。它有两个重载版本，它可以使用你使用X和Y值或点来指定原点。函数语法如下：

SetViewportOrg(int X, int Y);
SetViewportOrg(CPoint Pt);

    当调用此函数时，要指定一个新的原点。如果使用第二个版本，则参数为POINT或MFC的TPoint类。为了查看此函数的效果，我们将原点在x轴的正方向上移动200个单位，在y轴的正方向上移动150个单位。不改变圆和直线。OnPaint事件处理函数如下： 

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	dc.SetViewportOrg(200, 150);

	// A circle whose center is at the origin (0, 0)
	dc.Ellipse(-50, -50, 50, 50);

	// A line that starts at (0, 0) and ends at (100, 100)
	dc.MoveTo(0, 0);
	dc.LineTo(100, 100);
}

      你也可以参照窗体客户区的尺寸来确定原点的位置。如下所示：

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting
	CRect Recto;

	// Retrieve the size of the drawing area
	GetClientRect(&Recto);

	dc.SetViewportOrg(Recto.Width() / 2, Recto.Height() / 2);

	// A circle whose center is at the origin (0, 0)
	dc.Ellipse(-50, -50, 50, 50);

	// A line that starts at (0, 0) and ends at (100, 100)
	dc.MoveTo(0, 0);
	dc.LineTo(100, 100);
}

      现在我们知道如何控件坐标系原点，我们将固定坐标原点，坐标为380,220。我们也可以画出笛卡尔坐标系坐标轴：

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting
	CRect Recto;

	dc.SetViewportOrg(380, 220);

	// Use a red pen
	CPen PenRed(PS_SOLID, 1, RGB(255, 0, 0));
	dc.SelectObject(PenRed);
	// A circle whose center is at the origin (0, 0)
	dc.Ellipse(-100, -100, 100, 100);

	// Use a blue pen
	CPen PenBlue(PS_SOLID, 1, RGB(0, 0, 255));
	dc.SelectObject(PenBlue);
	// Horizontal axis
	dc.MoveTo(-380, 0);
	dc.LineTo(380, 0);
	// Vertical axis
	dc.MoveTo(0, -220);
	dc.LineTo(0, 220);
}

      如上所见， SetViewportOrg()方法用于改变device context的原点。它也可以用于有方向的坐标轴，可以使水平轴从(0,0)向右正向移动，竖直轴沿正向从(0,0)点向下移动。


为了直观的描述清楚，我们画一条从原点出发的45度的直线：

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	dc.SetViewportOrg(380, 220);

	// Use a red pen
	CPen PenRed(PS_SOLID, 1, RGB(255, 0, 0));
	dc.SelectObject(PenRed);
	// A circle whose center is at the origin (0, 0)
	dc.Ellipse(-100, -100, 100, 100);

	// Use a blue pen
	CPen PenBlue(PS_SOLID, 1, RGB(0, 0, 255));
	dc.SelectObject(PenBlue);
	// Horizontal axis
	dc.MoveTo(-380, 0);
	dc.LineTo(380, 0);
	// Vertical axis
	dc.MoveTo(0, -220);
	dc.LineTo(0, 220);

	// An orange pen
	CPen PenOrange(PS_SOLID, 1, RGB(255, 128, 0));
	dc.SelectObject(PenOrange);
	// A diagonal line at 45 degrees
	dc.MoveTo(0, 0);
	dc.LineTo(120, 120);
}

      正如你所看到的，此直线不是45度。它没有在第一象限，而是在第四象限里。这是因为坐标系默认朝向的缘故。

映射模式

为了控制device context的坐标轴的朝向，你可以使用CDC的SetMapMode()方法。语法如下：

int SetMapMode(int nMapMode);
正如你所看到的，此方法依赖于参数值，实现两种功能：一可控制你的程序的坐标系朝向;二可设置你想使用的坐标轴单位。    

映射模式的参数为int常量。参数值如下：MM_TEXT,MM_LOENGLISH, MM_HIENGLISH, MM_ANISOTROPIC, MM_HIMETRIC, MM_ISOTROPIC, MM_LOMETRIC, 和 MM_TWIPS.

使用此模式，CDC函数设定的尺寸保持原样。默认的映射模式为MM_TEXT。也就是说，如果你没有指定其它值，你的程序就使用MM_TEXT。此坐标轴水平轴从(0,0)点向右。竖直轴从(0,0)点向下。例如，OnPaint事件可按如下代码重写，效果是一样的。

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	dc.SetMapMode(MM_TEXT);
	dc.SetViewportOrg(380, 220);

	// Use a red pen
	CPen PenRed(PS_SOLID, 1, RGB(255, 0, 0));
	dc.SelectObject(PenRed);
	// A circle whose center is at the origin (0, 0)
	dc.Ellipse(-100, -100, 100, 100);

	// Use a blue pen
	CPen PenBlue(PS_SOLID, 1, RGB(0, 0, 255));
	dc.SelectObject(PenBlue);
	// Horizontal axis
	dc.MoveTo(-380, 0);
	dc.LineTo(380, 0);
	// Vertical axis
	dc.MoveTo(0, -220);
	dc.LineTo(0, 220);

	// An orange pen
	CPen PenOrange(PS_SOLID, 1, RGB(255, 128, 0));
	dc.SelectObject(PenOrange);
	// A diagonal line at 45 degrees
	dc.MoveTo(0, 0);
	dc.LineTo(120, 120);
}

效果相同，如同没有指定映射模式一样。

MM_LOENGLISH与其它映射模式相似(MM_TEXT除外),它实现两种功能。一、它改变了竖直轴的朝向:y坐标的正方向从(0,0)点向上。


二、单位长度要乘以0.01英寸。即单位长度要除以100(注:1英寸约为2.54厘米)。观察MM_LOENGLISH映射模式的影响：

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	dc.SetMapMode(MM_LOENGLISH);
	dc.SetViewportOrg(380, 220);

	. . .
}

如你所见，现在，在真正的笛卡尔坐标系中绘制出了这些直线(译注:橙色直线在第一象限内)。同时，图形尺寸也缩减了;圆变小了且直线也变短了。

与MM_LOENGLISH模式相似，MM_HIENGLISH设置竖直轴从(0,0)点向上。与MM_LOENGLISH不同，MM_HIENGLISH模式单位为0.001英寸。效果如下(译注:LOENGLISH=LOW ENGLISH HIENGLISH=HIGHT ENGLISH)

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	dc.SetMapMode(MM_HIENGLISH);
	dc.SetViewportOrg(380, 220);

	. . . Same as previous
}

注意，直线和圆的尺寸没有变。

MM_LOMETRIC映射模式的坐标轴朝向与前两种模式相现。MM_LOMETRIC的单位长度乘以0.1毫米。如下所示：(译注:LOMETRIC=LOW METRIC)毫米。

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	dc.SetMapMode(MM_LOMETRIC);
	dc.SetViewportOrg(380, 220);

	. . .
}

MM_HIMETRIC映射模式的坐标轴朝向与以上三种相同。但它的单位为0.01毫米。如下所示：

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting

	dc.SetMapMode(MM_HIMETRIC);
	dc.SetViewportOrg(380, 220);

	. . . Same as previous
}


MM_TWIPS模式单位长度除以20.相当于1/1440英寸。其坐标轴与前几种相同。如下所示：

void CExoDraw1View::OnPaint() 
{
	CPaintDC dc(this); // device context for painting
	CRect Recto;

	dc.SetMapMode(MM_TWIPS);

	dc.SetViewportOrg(380, 220);

	. . .
}







 

dreamcs
关注
专栏目录
Ｃ#用GDI+做的坐标图
08-22
最近做项目需要用到坐标画曲线，在网上搜了半天，大部分都是只贴代码，或者是非常复杂的结构。不是很适合我这样的入门者学习。现在提供一个能直接运行的源代码给各位初学者参考，基于C#2005做的，只有几行代码，只画一个固定的二维坐标轴，希望对各位初涉GDI+的菜鸟们有帮助。^_^
C# GDI 坐标系中绘制曲线和点
11-26
在picturebox中初始化一个坐标系，在坐标系定义的值域中绘制曲线与点。
基于VC++的GDI常用坐标系统及应用
透明果冻
11-09 1874
 在Windows应用程序中，只要进行绘图，就要使用GDI坐标系统。Windows提供了几种映射方式，每一种映射都对应着一种坐标系。例如，绘制图形时，必须给出图形各个点在客户区的位置，其位置用x　和y两个坐标表示，x　表示横坐标，y表示纵坐标。在所有的GDI绘制函数中，这些坐标使用的是一种“逻辑单位”。当GDI函数将结果输出送到某个物理设备上时，Windows将逻辑坐标转换成设备坐标（如屏幕或打印
Windows GDI+坐标系统详解(一)
Hyman的博客
12-02 3452
原文出自http://blog.csdn.net/smstong/article/details/6405482 GDI+中的坐标系 1 什么是坐标系        坐标系就是确定一组数据位置的标尺。按按照维数分为2维平面坐标系和3维空间坐标系。其实2维坐标系也是z=0的3维坐标系的特例。        坐标系有三要素，一是原点，二是方向，三是单位大小。如果两个坐标系这三点完全一样
使用GDI+坐标系统
修行中...
10-24 5649
1、基础知识坐标系统分为三类：全局坐标系统、页面坐标系统和设备坐标系统。页面坐标系与设备坐标系都是以设备的左上角为坐标原点，X水平向右为正，Y垂直向下为正。页面坐标与设备坐标系的差异在于X，Y的单位不同：页面坐标系中的X，Y单位可以任意设定，如英寸、毫米等；而设备坐标系中，只有一种单位，那就是点或者像素。全局坐标系就是我们日常工作的坐标系，缺省情况下x轴正方向水平向右，Y轴正方向垂直向下；我们可以
C# GDI三种坐标系及颜色等常用结构
New_雪山飞狐
03-28 3823
C#中GDI三种坐标系及颜色等常用结构
Windows GDI坐标系统与VC++编程应用解析
"基于VC++的GDI常用坐标系统及应用" 在Windows编程中，图形设备接口（GDI）是用于创建和控制图形输出的核心组件。使用VC++开发图形应用程序时，理解GDI的坐标系统至关重要。GDI提供了一套灵活的映射机制，允许...
VC++ GDI坐标系统详解与应用
"基于VC++的GDI常用坐标系统及应用文档主要讲解了在Windows应用程序中使用GDI进行绘图时涉及的...这个文档对于进行Windows图形界面编程的开发者来说是一份宝贵的参考资料，能够帮助他们更好地掌握GDI坐标系统及其应用。
VC++ GDI坐标系统详解：从逻辑到设备坐标映射
"VC++坐标映射主要涉及的是在Windows应用程序开发中，如何在不同的坐标系统之间进行转换，以便在GDI（Graphics Device Interface）中进行图形绘制。这篇文章由刘涛于2005年发布在天极网，探讨了GDI中的逻辑坐标和...
C# GDI+坐标系统差异案例分析
熟悉GDI+中坐标系统的异同对于进行图形编程具有重要意义。本系列文章主要通过案例来讲述如何理解和应用GDI+中的坐标系统。 首先，需要了解GDI+中的几种坐标系统。GDI+中最基本的坐标系统包括设备坐标、世界坐标和...
C# GDI+绘制直角坐标系并自定义绘图
12-21
C# GDI+绘制直角坐标系并自定义绘图并可通过鼠标在坐标系中绘制矩形圆形等形状
neo-6M gpS
11-21
采用以简单的通用微处理器STM32F4为核心的控制模块和NEO-6M为核心的采集模块，最终完成了GPS导航终端的设计，并通过通用USB转串口数据传输方式实现数据传递。详细给出了系统的硬件体系结构，重点介绍了与导航相关的应用程序以及流程设计。对于研究GPS接收以及GPS导航系统的民用化具有一定的意义。
C# GDI+实时动态曲线绘制
06-08
该应用程序的最终结果是绘制通过串口接收到的数据的曲线图；为方便实现和保护个人成果，该应用程序中绘制曲线的坐标点使用生成的随机数来实现，但同时保留了串口通信的相关代码，有需要的可自己修改（修改不会太大）；该应用程序绘制的间隔时间是1s，也就是每隔1秒读取一次数据，如需要改动间隔时间，还需改动相关的曲线绘制代码。
GDI+学习笔记3-坐标系和坐标变换
一根火柴博客
09-02 1712
GDI+提供了两张坐标转换方式：世界坐标转换和页面坐标转换，你可以对所绘制图形作旋转，缩放，平移等操作。 两种坐标变换还运行您使用多种坐标系。 GDI+使用三种坐标系：世界坐标、页面坐标和设备坐标. 世界坐标是用于建立特殊图形世界模型的坐标系，也是在 .NET Framework 中传递给方法的坐标系。 页面坐标系是指绘图图面（如窗体或控件）使用的坐标系。 设备坐标系是在其上进行绘制
GDI+学习之路7--坐标系统和转换
MOKA
08-24 951
GDI+ 提供世界变换和页面变换功能，可让您转换 (旋转、缩放、平移等) 所绘制的项目。这两种转换功能适用于各种坐标系统。 坐标系统类型(Types of Coordinate Systems) GDI+使用三个坐标空间：世界、页面和设备。世界坐标 (World Coordi
c# gdi+ 获取两点间直线任意位置的坐标
editoryang的专栏
08-25 2057
最近有个项目，需要用到gdi+画图，并在拖动 track bar 的时候在两点之间画一条直线，并根据 track bar 的值，在直线的对应位置显示一个移动的坐标点。 大致的解决思路如下： 1、确定两个点的连线属于坐标轴的第几象限，根据所在象限的不同根据起始点的坐标来判断移动坐标点的横纵坐标。 如图：黄色点为起始点，绿色点为终止点。 第一象限： 第二象限： 第三象限： 第四象限： 根据两个点之间的经纬度来判断属于第几象限。 private Quadrant G..
GDI+坐标变换(C#)
cocoasprite的专栏
12-30 3048
平移 拉伸 坐标重置
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值