Question

我有一个已在pictureBox1上绘制的点列表。

pictureBox1已被改造。

现在，我希望获得悬停在任何绘制点上时绘制的点的XY坐标。

当我将鼠标悬停在pictureBox1上时，我得到了pictureBox的XY - 而不是转换后的XY。

你能帮助我进入变形后的XY吗？

由于

    private void pictureBox1_Paint(object sender, PaintEventArgs e)
    {
        int height = pictureBox1.ClientSize.Height / 2;
        int width = pictureBox1.ClientSize.Width / 2;            

        //=====
        //scale
        //=====

        e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
        e.Graphics.TranslateTransform(-width, -height);
        e.Graphics.ScaleTransform(2f, 2f);

        //===========
        //draw center
        //===========

        e.Graphics.DrawLine(new Pen(Color.Black, 0.5f), new Point(width - 2, height), new Point(width + 2, height));
        e.Graphics.DrawLine(new Pen(Color.Black, 0.5f), new Point(width, height - 2), new Point(width, height + 2));

        //===========
        //draw points
        //===========

        foreach (var p in Points)
        {
            Point[] pts = new Point[] { new Point(p.X, p.Y) };
            Rectangle rc = new Rectangle(pts[0], new Size(1, 1));
            e.Graphics.DrawRectangle(Pens.Red, rc);
        }
    }

Answer 1

您可以使用必要的转换创建矩阵，并通过MultiplyTransform（...）将其应用于pictureBox1_Paint（...）：

https://msdn.microsoft.com/en-us/library/bt34tx5d(v=vs.110).aspx

然后你可以使用Matrix :: TransformPoints（...）来获得变换后的XY

Answer 2

作为@Vitaly答案的变体，你可以这样做：

转换Graphics对象后，您可以将变换矩阵e.Graphics.Transform保存在变量中：

Matrix matrix = null;
private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
    int height = pictureBox1.ClientSize.Height / 2;
    int width = pictureBox1.ClientSize.Width / 2;

    //=====
    //scale
    //=====

    e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
    e.Graphics.TranslateTransform(-width, -height);
    e.Graphics.ScaleTransform(2f, 2f);

    matrix = e.Graphics.Transform;   // save the transformation matrix!
    ...

这是必要的，因为Paint事件后转换数据会丢失！请注意，GraphicsState graphics.Save()&Restore()函数不能很好地用于此目的，因为它只会将状态放在堆栈上以便使用一次，这意味着它不会以持久的方式保存这些数据。

稍后您可以使用Matrix和此函数使用相同的矩阵转换Points或反转转换，例如对于鼠标坐标：

PointF transformed(Point p0, bool forward)
{
    Matrix m = matrix.Clone();
    if (!forward)  m.Invert(); 

    var pt = new Point[] { p0 };
    m.TransformPoints(pt);
    return pt[0];
}

现在我的MouseMove事件显示了原始位置和重新转换的位置：

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
    label1.Text = e.Location + " <-> " + transformed(e.Location, false) ;
}

要测试正向转换，您可以将其添加到Paint事件的末尾：

e.Graphics.ResetTransform();
for (int i = 0; i < Points.Count; i++)
{
    Point[] pts = new Point[] { Point.Round(transformed(Points[i], true)) };  
    Rectangle rc = new Rectangle(pts[0], new Size(19, 19));
    e.Graphics.DrawRectangle(Pens.Red, rc);
}

首先清除所有转换，然后通过调用转换后的函数在相同位置绘制较大的Rectangles。

请注意，这也适用于旋转的Graphics对象。（虽然最后一次测试不会绘制更大的矩形旋转，只是移动到正确的位置。）

另请注意，在使用分数进行缩放时，我返回PointF以获得更好的精度。您可以使用Point.Round（或Point.Truncate）获取Point。

看看Matrix.Elements：它们包含您使用过的数字：

float scaleX = matrix.Elements[0];
float scaleY = matrix.Elements[3];
float transX = matrix.Elements[4];
float transY = matrix.Elements[5];

最后：值得研究many methods of Matrix ..！

如何在转换后获得pictureBox1的XY

2 个答案: