如何在 C# 中缩放图片框中的某个点?
how to zoom at a point in picturebox in c#?
这个问题之前有人问过,但因为它不起作用,而且我缺乏声誉点(我试图在问题中发表评论,但我不能)我不得不再次问这个问题。
这是之前问的问题的link;
How to zoom at a point in picturebox
我使用了 link 中显示的代码,但是当我 运行 时,点或形状消失了。
这是我的代码;
public partial class Form1 : Form
{
private Matrix transform = new Matrix();
private double m_dZoomscale = 1.0;
public static double s_dScrollValue = .1;
}
private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
Graphics g = e.Graphics;
g.Transform = transform;
Pen mypen = new Pen(Color.Red,5);
Rectangle rect = new Rectangle(10, 10, 30, 30);
e.Graphics.DrawRectangle(mypen, rect);
}
protected override void OnMouseWheel(MouseEventArgs mea)
{
pictureBox1.Focus();
if (pictureBox1.Focused == true && mea.Delta != 0)
{
ZoomScroll(mea.Location, mea.Delta > 0);
}
}
private void ZoomScroll(Point location, bool zoomIn)
{
transform.Translate(-location.X, -location.Y);
if (zoomIn)
transform.Scale((float)s_dScrollValue, (float)s_dScrollValue);
else
transform.Scale((float)-s_dScrollValue, (float)-s_dScrollValue);
transform.Translate(location.X, location.Y);
pictureBox1.Invalidate();
}
您引用的答案不可能有效。我不知道为什么它被接受,也没有被投票。除了在过去的某个时候,I 显然也对它投了赞成票。我不知道我在想什么。
无论如何,该代码有一些问题:
- 它使用直接传入的鼠标坐标,而不是将其转换为
PictureBox
控件的坐标系。传递给 OnMouseWheel()
方法的坐标是相对于 Form
本身的,因此只有当 PictureBox
左上角与 Form
的左上角重合时工作。
- 更有问题的是,该代码完全滥用了
Matrix.Scale()
方法,传递了一个似乎旨在作为比例的 delta 的值,而实际上 Scale()
方法接受 factor 作为比例。这有两个含义:
- 传递负值是错误的,因为负值翻转坐标系,而不是缩小比例,并且
- 传递增量值是错误的,因为传递的值将乘以当前缩放比例以获得新的缩放比例。
- 还有一个问题是代码以错误的顺序应用矩阵变换,因为默认顺序是 "prepend",而不是 "append"(我发现后者更自然,但我假设有一些专门研究矩阵数学的人知道的一些原因可以解释为什么默认是前者)。
还有一个比较小的问题就是,即使忽略以上几点,任由用户随意调整比例因子,最终也会导致数值超出范围。代码最好将比例限制在合理范围内。
这是您的代码版本,经过修改以解决所有这些问题:
private Matrix transform = new Matrix();
private float m_dZoomscale = 1.0f;
public const float s_dScrollValue = 0.1f;
public Form1()
{
InitializeComponent();
}
private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
Graphics g = e.Graphics;
g.Transform = transform;
Pen mypen = new Pen(Color.Red, 5);
Rectangle rect = new Rectangle(10, 10, 30, 30);
e.Graphics.DrawRectangle(mypen, rect);
}
protected override void OnMouseWheel(MouseEventArgs mea)
{
pictureBox1.Focus();
if (pictureBox1.Focused == true && mea.Delta != 0)
{
// Map the Form-centric mouse location to the PictureBox client coordinate system
Point pictureBoxPoint = pictureBox1.PointToClient(this.PointToScreen(mea.Location));
ZoomScroll(pictureBoxPoint, mea.Delta > 0);
}
}
private void ZoomScroll(Point location, bool zoomIn)
{
// Figure out what the new scale will be. Ensure the scale factor remains between
// 1% and 1000%
float newScale = Math.Min(Math.Max(m_dZoomscale + (zoomIn ? s_dScrollValue : -s_dScrollValue), 0.1f), 10);
if (newScale != m_dZoomscale)
{
float adjust = newScale / m_dZoomscale;
m_dZoomscale = newScale;
// Translate mouse point to origin
transform.Translate(-location.X, -location.Y, MatrixOrder.Append);
// Scale view
transform.Scale(adjust, adjust, MatrixOrder.Append);
// Translate origin back to original mouse point.
transform.Translate(location.X, location.Y, MatrixOrder.Append);
pictureBox1.Invalidate();
}
}
使用这段代码,您会发现无论在调整鼠标滚轮之前将鼠标放在什么位置,渲染的图像都会缩放,同时保持鼠标下方的点固定。
注:
我在 Stack Overflow 上查看了一些类似的问题,其中有一些可能对您也有用。在我看来,有些答案使事情过于复杂,但所有答案都应该有效。参见:
Zoom To Point Not Working As Expected
这个问题之前有人问过,但因为它不起作用,而且我缺乏声誉点(我试图在问题中发表评论,但我不能)我不得不再次问这个问题。
这是之前问的问题的link; How to zoom at a point in picturebox
我使用了 link 中显示的代码,但是当我 运行 时,点或形状消失了。
这是我的代码;
public partial class Form1 : Form
{
private Matrix transform = new Matrix();
private double m_dZoomscale = 1.0;
public static double s_dScrollValue = .1;
}
private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
Graphics g = e.Graphics;
g.Transform = transform;
Pen mypen = new Pen(Color.Red,5);
Rectangle rect = new Rectangle(10, 10, 30, 30);
e.Graphics.DrawRectangle(mypen, rect);
}
protected override void OnMouseWheel(MouseEventArgs mea)
{
pictureBox1.Focus();
if (pictureBox1.Focused == true && mea.Delta != 0)
{
ZoomScroll(mea.Location, mea.Delta > 0);
}
}
private void ZoomScroll(Point location, bool zoomIn)
{
transform.Translate(-location.X, -location.Y);
if (zoomIn)
transform.Scale((float)s_dScrollValue, (float)s_dScrollValue);
else
transform.Scale((float)-s_dScrollValue, (float)-s_dScrollValue);
transform.Translate(location.X, location.Y);
pictureBox1.Invalidate();
}
您引用的答案不可能有效。我不知道为什么它被接受,也没有被投票。除了在过去的某个时候,I 显然也对它投了赞成票。我不知道我在想什么。
无论如何,该代码有一些问题:
- 它使用直接传入的鼠标坐标,而不是将其转换为
PictureBox
控件的坐标系。传递给OnMouseWheel()
方法的坐标是相对于Form
本身的,因此只有当PictureBox
左上角与Form
的左上角重合时工作。 - 更有问题的是,该代码完全滥用了
Matrix.Scale()
方法,传递了一个似乎旨在作为比例的 delta 的值,而实际上Scale()
方法接受 factor 作为比例。这有两个含义:- 传递负值是错误的,因为负值翻转坐标系,而不是缩小比例,并且
- 传递增量值是错误的,因为传递的值将乘以当前缩放比例以获得新的缩放比例。
- 还有一个问题是代码以错误的顺序应用矩阵变换,因为默认顺序是 "prepend",而不是 "append"(我发现后者更自然,但我假设有一些专门研究矩阵数学的人知道的一些原因可以解释为什么默认是前者)。
还有一个比较小的问题就是,即使忽略以上几点,任由用户随意调整比例因子,最终也会导致数值超出范围。代码最好将比例限制在合理范围内。
这是您的代码版本,经过修改以解决所有这些问题:
private Matrix transform = new Matrix();
private float m_dZoomscale = 1.0f;
public const float s_dScrollValue = 0.1f;
public Form1()
{
InitializeComponent();
}
private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
Graphics g = e.Graphics;
g.Transform = transform;
Pen mypen = new Pen(Color.Red, 5);
Rectangle rect = new Rectangle(10, 10, 30, 30);
e.Graphics.DrawRectangle(mypen, rect);
}
protected override void OnMouseWheel(MouseEventArgs mea)
{
pictureBox1.Focus();
if (pictureBox1.Focused == true && mea.Delta != 0)
{
// Map the Form-centric mouse location to the PictureBox client coordinate system
Point pictureBoxPoint = pictureBox1.PointToClient(this.PointToScreen(mea.Location));
ZoomScroll(pictureBoxPoint, mea.Delta > 0);
}
}
private void ZoomScroll(Point location, bool zoomIn)
{
// Figure out what the new scale will be. Ensure the scale factor remains between
// 1% and 1000%
float newScale = Math.Min(Math.Max(m_dZoomscale + (zoomIn ? s_dScrollValue : -s_dScrollValue), 0.1f), 10);
if (newScale != m_dZoomscale)
{
float adjust = newScale / m_dZoomscale;
m_dZoomscale = newScale;
// Translate mouse point to origin
transform.Translate(-location.X, -location.Y, MatrixOrder.Append);
// Scale view
transform.Scale(adjust, adjust, MatrixOrder.Append);
// Translate origin back to original mouse point.
transform.Translate(location.X, location.Y, MatrixOrder.Append);
pictureBox1.Invalidate();
}
}
使用这段代码,您会发现无论在调整鼠标滚轮之前将鼠标放在什么位置,渲染的图像都会缩放,同时保持鼠标下方的点固定。
注:
我在 Stack Overflow 上查看了一些类似的问题,其中有一些可能对您也有用。在我看来,有些答案使事情过于复杂,但所有答案都应该有效。参见:
Zoom To Point Not Working As Expected