Question

我正在设计一个应用程序，将图像加载到PictureBox中，并允许用户在其上绘制选择矩形。目前，我使用Paint事件和布尔值来清除以前绘制的矩形（因为它是一个可拖动的选择框）。

问题：

代码失败，因为未从图像中清除前一个矩形。尽管绘制的每个矩形都是透明的，但效果是不透明的矩形，因为之前的矩形未被清除。如何清除这些矩形？

逻辑：

saveState默认为true。第一次触发Paint事件时，将保存包含正常图像的状态。当触发MouseDown事件时，我们注册矩形的起始位置和一个表示正在绘制矩形的布尔值。

当触发MouseMove事件时，我们在当前坐标处绘制一个矩形。由于Paint事件在绘制时被触发（我认为）并且saveState为false，我们在绘制矩形之前恢复正常图像。

最后，当触发MouseUp事件时，saveState设置为true，因此保存绘制了最后一个矩形的图形状态，然后我们回到开头。

我读到了ControlPaint.DrawReversibleFrame，但由于this article和this question给我的印象是它不是专为绘制图像而设计的，而是直接在屏幕或表格上，我不确定这是我需要的。

代码：

public partial class MainWindow : Form
{
    private bool drawingRectangle;
    private int x1, y1, x2, y2;
    private Image currentImage;
    private GraphicsState previousState;
    private bool saveState;

    public MainWindow()
    {
        InitializeComponent();
        this.drawingRectangle = false;
        this.saveState = true;
    }

    private void EditorPictureBox_MouseDown(object sender, MouseEventArgs e)
    {
        this.x1 = e.X;
        this.y1 = e.Y;
        this.drawingRectangle = true;
    }

    private void EditorPictureBox_MouseMove(object sender, MouseEventArgs e)
    {
        if (this.drawingRectangle)
        {
            this.x2 = e.X;
            this.y2 = e.Y;
            Graphics g = Graphics.FromImage(this.currentImage);
            int[] dim = ImageLibrary.CalculateRectangleDimensions(this.x1, this.y1, this.x2, this.y2);
            g.FillRectangle(new SolidBrush(Color.FromArgb(100, 128, 255, 255)), dim[0], dim[1], dim[2], dim[3]);
            this.Refresh();
        }
    }

    private void EditorPictureBox_Paint(object sender, PaintEventArgs e)
    {
        if (this.saveState)
        {
            this.previousState = e.Graphics.Save();
            this.saveState = false;
        }
        else
            e.Graphics.Restore(this.previousState);
    }

    private void EditorPictureBox_MouseUp(object sender, MouseEventArgs e)
    {
        if (this.drawingRectangle)
        {
            this.drawingRectangle = false;
            // When the mouse click is released, save the graphics state
            this.saveState = true; 
        }
    }

    private void LoadImage2Button_Click(object sender, EventArgs e)
    {
        this.currentImage = Image.FromFile("goat2.jpg");
        this.EditorPictureBox.Image = this.currentImage;
    }   
}

这是CalculateRectangleDimensions的代码（存储在静态库中）：

public static int[] CalculateRectangleDimensions(int x1, int y1, int x2, int y2)
{
    int[] dimensions = new int[4]; // x1, y1, width, height
    if (x1 <= x2) // Mouse was dragged to the right
    {
        dimensions[0] = x1;
        dimensions[2] = x2 - x1;
    }
    else // Mouse was dragged to the right
    {
        dimensions[0] = x2;
        dimensions[2] = x1 - x2;
    }

    if (y1 <= y2) // Mouse was dragged up
    {
        dimensions[1] = y1;
        dimensions[3] = y2 - y1;
    }
    else // Mouse was dragged down
    {
        dimensions[1] = y2;
        dimensions[3] = y1 - y2;
    }
    return dimensions;
}

Answer 1

当您调用图形时，Graphics.Save不保存图形的全部内容，它只保存状态信息，如翻译，缩放，变换等。

如果要撤消已经完成的绘制，则必须执行类似可逆绘制的操作，或者当您要撤消绘制时，必须重绘原始图像。

如何使用鼠标/绘画事件从图像中清除以前绘制的矩形？

问题：

逻辑：

代码：

1 个答案: