绘制矩形集时翻转坐标

Question

我正在尝试绘制一组正方形，但正方形的原点（0,0）最初位于左上角，我希望正方形从右下角渲染， 我发现这段代码可以翻转坐标，但是在winform上没有渲染。

我知道我在 TranslateTransform 的高度属性中出错了。我不明白为什么需要高度，因为我正在尝试绘制一组二维正方形。

我尝试硬编码 height 属性仍然没有用。

public void ScaleTransformFloat(PaintEventArgs e,List<Square> lstSquare)
    {
        int Height = 10;
        // Begin graphics container
        GraphicsContainer containerState = e.Graphics.BeginContainer();

        // Flip the Y-Axis
        e.Graphics.ScaleTransform(1.0F, -1.0F);

        // Translate the drawing area accordingly
        //
        e.Graphics.TranslateTransform(0.0F, -(float)Height);

        // Whatever you draw now (using this graphics context) will appear        as
        // though (0,0) were at the bottom left corner

    //User-defined function to draw a square    
        DrawSquare(e,lstSquare);
        // End graphics container
        e.Graphics.EndContainer(containerState);


    }

绘制正方形集的方法

  public void DrawSquare(PaintEventArgs e,List<Square> lstSquare)
    {
      foreach(Square s in lstSquare){
        e.Graphics.DrawRectangle(Pens.Black, 0,0 ,s.m_Side, s.m_Side);
      }
    }

Answer 1

在进行矩阵运算（如变换）时，顺序通常很重要。

在您的情况下，您需要先翻译，然后缩放/翻转或反转翻译方向。您的代码似乎正确。

Height 不是 3d 高度。它是您要绘制的目标控件的总Height。

想象一下在你的控件上放一张纸；控件是您的视口。现在想象一下从左上角向上翻转纸张。它已离开视口。现在您需要将其向下移动。但距离是多少？答：纸的高度..

您的代码有一个Height = 10 像素。这肯定不是你控制的大小，对吧？也许它来自您复制的代码；那里可能意味着Form's Height。如果您还想在表单上绘图（通常不是一个好主意），只需删除行 int Height = 10;!

我们做一个简单的例子：我们在Panel上画几个矩形：

private void panel1_Paint(object sender, PaintEventArgs e)
{
    if (checkBox1.Checked)
    {
        e.Graphics.ScaleTransform(1, -1);
        e.Graphics.TranslateTransform(0, -panel1.Height);
    }
    e.Graphics.DrawRectangle(Pens.Violet, 1, 1, 33, 33);
    e.Graphics.DrawRectangle(Pens.OrangeRed, 11, 11, 133, 55);
    e.Graphics.DrawRectangle(Pens.Magenta, 44, 11, 233, 77);
    e.Graphics.DrawRectangle(Pens.Olive, 55, 44, 33, 99);
}

private void checkBox1_CheckedChanged(object sender, EventArgs e)
{
    panel1.Invalidate();
}

检查CheckBox后结果翻转：

另请注意，您的DrawSquare 在同一位置(0,0) 绘制所有正方形。不知道这是不是你想要的..

最后说明：DrawRectangle 有一个讨厌的习惯，就是将底部和右侧过度绘制一个像素。将第一个位置从(1,1) 更改为(0,0) 后，（然后）底部将被切断。您可以考虑将图形坐标少 1 个像素。