MFC GDI+实现以鼠标为中心缩放图片（并且可以拖动）

原文出自http://blog.csdn.net/greatchina01/article/details/25221945

在开始之前我们先了解一下GDI+中的坐标系统：

世界坐标(World Coordinate) 是用来制作特定绘图自然模型的坐标。
页面坐标(Page Coordinate) 则是指绘图接口(例如窗体或控件) 使用的坐标系统。
设备坐标(Device Coordinate) 是在其上进行绘图的实体装置(例如屏幕或纸张) 所使用的坐标。
“世界变换”会将世界坐标转换为页面坐标，而“页面变换”则是将页面坐标转换为设备坐标。Graphics 对象包含两种应用于Graphics 对象绘制的所有项目的变换（世界变换和页面变换）。任何仿射变换都可存储在世界变换中。仿射变换包括缩放、旋转、反射、扭曲和平移。页面变换可用于缩放和更改单位（例如，像素到英寸）。
例如:

Graphics::RotateTransform() //旋转

Graphics::ScaleTransform () //按比例缩放

Graphics::TranslateTransform()//平移
这些都属于放射变换，同时他们也是全局变换（使用过后将影响以后的坐标系统）


下面来看一个例子：

绘图代码如下：

HDC hdc = ::GetDC(m_pic.m_hWnd); //图片控件1  
    HDC hdc2 = ::GetDC(m_pic2.m_hWnd);//图片控件2  
  
    //绘制直线1  
    Graphics graphics(hdc);  
    Pen pen(Color(255, 0, 0, 255));  
    pen.SetEndCap( LineCapArrowAnchor);  
    Point PtStart(10,10);  
    Point PtEnd(100,10);  
    graphics.DrawLine(&pen,PtStart,PtEnd);  
      
    //绘制直线2  
    Graphics graphics2(hdc2);  
    Pen pen2(Color(255, 0, 0, 255));  
    pen2.SetEndCap( LineCapArrowAnchor);  
    Point PtStart2(10,10);  
    Point PtEnd2(100,10);  
    graphics2.ScaleTransform(2.0f,2.0f); //此处进行了放大2倍  
    graphics2.DrawLine(&pen2,PtStart2,PtEnd2);  

::ReleaseDC(m_pic2.m_hWnd,hdc2);  
::ReleaseDC(m_pic.m_hWnd,hdc);  

左边是没有经过放射变换所绘直线，右边是经过了放大2倍后所绘的直线；可见相同的坐标，所绘的直线完全不同了，放大后的坐标系统影响到了点的位置和画笔宽度；这一点有助于理解下面以鼠标为中心缩放图片的问题。

下面开始介绍怎样实现以鼠标为中心放大图片

首先创建一个基于对话框的MFC程序，然后把下面两个文件分别保存为.h文件和 .cpp文件

#pragma once  
  
#include <GdiPlus.h>  
using namespace Gdiplus;  
  
class CInitGdiplus  
{  
public:  
    CInitGdiplus(void);  
    ~CInitGdiplus(void);  
  
private:  
    ULONG_PTR m_GdiplusToken;  
    GdiplusStartupInput gdiplusStartupInput;  
};  

//InitGdiplus.cpp  
#include "StdAfx.h"  
#include "InitGdiplus.h"  
  
  
CInitGdiplus::CInitGdiplus(void)  
{  
    GdiplusStartup(&m_GdiplusToken, &gdiplusStartupInput, NULL);  
}  
  
  
CInitGdiplus::~CInitGdiplus(void)  
{  
    GdiplusShutdown(m_GdiplusToken);  
}  

然后在stdafx.h中包含上述头文件，在YourApp类中添加一个 CInitGdiplus m_InitGdiplus; 成员变量，完成GDI+的初始化；

在有Dlg类中添加如下成员变量

REAL m_zoom; //缩放系数 
CRect m_Rect; //对话框的矩形区域 

REAL m_imgX; //图片左上角X轴偏移量 
REAL m_imgY; //图片左上角Y轴偏移量 

PointF m_PtStart; //按下鼠标左键，记录当前的m_imgX,m_imgY 
PointF m_mouseDown; //按下鼠标左键时，鼠标在图片控件中的位置； 
bool m_mousepressed; //记录是否按下了鼠标左键 

初始化成员变量：

>m_zoom = 1.0f;    
      
    m_imgX = 0.0f;  
    m_imgY = 0.0f;  
    m_PtStart.X = 0.0f;  
    m_PtStart.Y = 0.0f;  
      
    m_mousepressed = false;

在OnInitDialog()中添加
GetClientRect(m_Rect); //在你的实际应用中，可能需要把这行添加到对话框的OnSize()中

添加下面两个成员函数

//双缓冲绘图 
void CTestPic2Dlg::Invalidate() 
{ 

HDC hdc = ::GetDC(m_hWnd); 
CDC dc; 
dc.Attach(hdc); 
CDC memDC; 
CBitmap MemBitmap; 
// 设备描述表初始化 
memDC.CreateCompatibleDC(NULL); 
// 建立与屏幕显示兼容的内存显示设备 
MemBitmap.CreateCompatibleBitmap(&dc, m_Rect.Width(), m_Rect.Height()); 
// 选取空白位图 
memDC.SelectObject(MemBitmap); 
memDC.FillSolidRect(0, 0, m_Rect.Width(), m_Rect.Height(), RGB(255,255,255)); 
//画图 
Draw(&memDC); 
//拷贝到控件DC 
dc.BitBlt(0, 0, m_Rect.Width(), m_Rect.Height(), &memDC, 0, 0, SRCCOPY); 
MemBitmap.DeleteObject(); 
memDC.DeleteDC(); 
dc.Detach(); 
::ReleaseDC(m_hWnd,hdc); 
} 

void CTestPic2Dlg::Draw(CDC* pDC) 
{ 
Image img(_T("003.jpg")); <span style="color: rgb(255, 0, 0);"> //注意，请设置你自己的图片</span>
Graphics graph(pDC->GetSafeHdc()); 
graph.SetInterpolationMode(InterpolationModeHighQualityBilinear);//设置缩放质量 
graph.ScaleTransform(m_zoom,m_zoom);//缩放 
graph.DrawImage(&img,m_imgX,m_imgY);//m_imgX,m_imgY是原图应该偏移的量
} 

在OnPaint中添加Invalidate(); 完成初始化显示。


分别给对话框添加下面四个消息响应：
WM_MOUSEMOVE
WM_MOUSEWHEEL
WM_LBUTTONDOWN
WM_LBUTTONUP

实现如下：

void CTestPic2Dlg::OnMouseMove(UINT nFlags, CPoint point) 
{ 
if(nFlags & MK_LBUTTON) 
{ 
REAL deltaX = point.x - m_mouseDown.X; //x轴方向偏移 
REAL deltaY = point.y - m_mouseDown.Y; //y轴方向偏移 

m_imgX =(m_PtStart.X + (deltaX/m_zoom)); //在原始图像中X坐标偏移，这里计算的是在原始图片中的位移，原因在上面已经说明，全局的仿射变换会影响实际的位移
m_imgY =(m_PtStart.Y + (deltaY/m_zoom)); //在原始图像中Y坐标偏移 
Invalidate(); //重绘 
} 
CDialogEx::OnMouseMove(nFlags, point); 
} 


BOOL CTestPic2Dlg::OnMouseWheel(UINT nFlags, short zDelta, CPoint pt) 
{ 
REAL oldzoom = m_zoom; //保存当前的缩放系数，用于计算当前滚动时的坐标 
CPoint ppt = pt; 
CRect rect; 
if(zDelta == 120) 
{ 
m_zoom +=0.4f; 
} 
if (zDelta == -120) 
{ 
m_zoom = m_zoom - 0.4f; 
} 

GetWindowRect(rect); //注意这里的区域是窗口相对于整个屏幕的，因为cpoint pt<span style="font-family: Arial, Helvetica, sans-serif;">这个点是相对于屏幕的</span>

ppt.x -= rect.left; //计算该点在对话框中的位置 
ppt.y -= rect.top; 

int x = ppt.x - m_Rect.left; 
int y = ppt.y - m_Rect.top; 

REAL oldimagex = (x/oldzoom); //缩放前鼠标在原图中的位置 
REAL oldimagey = (y/oldzoom); 

REAL newimagex = (x/m_zoom);//<span style="font-family: Arial, Helvetica, sans-serif;">缩放后鼠标在原图中的位置</span>
REAL newimagey = (y/m_zoom); 

m_imgX = newimagex - oldimagex + m_imgX; //计算原图应该的偏移 
m_imgY = newimagey - oldimagey + m_imgY; 

Invalidate(); //绘图 
return CDialogEx::OnMouseWheel(nFlags, zDelta, pt); 
} 



void CTestPic2Dlg::OnLButtonDown(UINT nFlags, CPoint point) 
{ 
if(nFlags & MK_LBUTTON) 
{ 
if(!m_mousepressed) 
{ 
m_mousepressed = true; 
m_mouseDown.X = point.x; 
m_mouseDown.Y = point.y; 
m_PtStart.X = m_imgX; 
m_PtStart.Y = m_imgY; 
} 

} 

CDialogEx::OnLButtonDown(nFlags, point); 
} 


void CTestPic2Dlg::OnLButtonUp(UINT nFlags, CPoint point) 
{ 
m_mousepressed = false; 
CDialogEx::OnLButtonUp(nFlags, point); 
} 

这样就实现了以鼠标为中心缩放图片；