如何将 Winforms 面板的绘图内容保存到文件？

Question

我做了一个绘图程序，绘图内容（来自System.Drawing）被绘制在面板上。我现在尝试使用这种方法进行简单的保存，但我只得到一个空白图像。

我的位图的属性 .RawData 为 0。不知道这是否重要。

当我隐藏屏幕并再次显示时，面板变为空白。

附带说明，当我调用面板的 pnlPaint.Refresh() 时，面板变为空白。图丢了。这是一个双缓冲的东西，就像它没有保留值一样？

   private bool Save()
    {
        Bitmap bmpDrawing; 
        Rectangle rectBounds;

        try
        { 
            // Create bitmap for paint storage
            bmpDrawing = new Bitmap(pnlPaint.Width, pnlPaint.Height);

            // Set the bounds of the bitmap
            rectBounds = new Rectangle(0, 0, bmpDrawing.Width, bmpDrawing.Height);

            // Move drawing to bitmap
            pnlPaint.DrawToBitmap(bmpDrawing, rectBounds);

            // Save the bitmap to file
            bmpDrawing.Save("a.bmp", ImageFormat.Bmp);
        }
        catch (Exception e)
        {
            MessageBox.Show("Error on saving. Message: " + e.Message);
        }

        return true;
    }

Answer 1

这是一个最小的涂鸦程序，可让您绘制持久线：

List<Point> curPoints = new List<Point>();
List<List<Point>> allPoints = new List<List<Point>>();

private void pnlPaint_MouseDown(object sender, MouseEventArgs e)
{
    if (curPoints.Count > 1)
    {
        // begin fresh line or curve
        curPoints.Clear();
        // startpoint
        curPoints.Add(e.Location);
    }
}

private void pnlPaint_MouseUp(object sender, MouseEventArgs e)
{
    if (curPoints.Count > 1)
    {
        // ToList creates a copy
        allPoints.Add(curPoints.ToList());
        curPoints.Clear();
    }
}

private void pnlPaint_MouseMove(object sender, MouseEventArgs e)
{
    if (e.Button != MouseButtons.Left) return;
    // here we should check if the distance is more than a minimum!
    curPoints.Add(e.Location);
    // let it show
    pnlPaint.Invalidate();
}

private void pnlPaint_Paint(object sender, PaintEventArgs e)
{
    // here you can use DrawLines or DrawCurve
    // current line
    if (curPoints.Count > 1) e.Graphics.DrawCurve(Pens.Red, curPoints.ToArray());
    // other lines or curves
    foreach (List<Point> points in allPoints)
        if (points.Count > 1) e.Graphics.DrawCurve(Pens.Red, points.ToArray());
}

private void btn_undo_Click(object sender, EventArgs e)
{
    if (allPoints.Count > 1)
    {
        allPoints.RemoveAt(allPoints.Count - 1);
        pnlPaint.Invalidate();
    }
}

private void btn_save_Click(object sender, EventArgs e)
{
    string fileName = @"d:\test.bmp";
    Bitmap bmp = new Bitmap(pnlPaint.ClientSize.Width, pnlPaint.ClientSize.Width);
    pnlPaint.DrawToBitmap(bmp, pnlPaint.ClientRectangle);
    bmp.Save(fileName, ImageFormat.Bmp);
}

添加您的保存代码，如果您有问题，请直说..

更新：我添加了两个代码片段，它们执行保存和（无限）撤消..

注意 1：确保使用 DoubleBiffered 控件：PictureBox 或 Label 或带有 DoubleBuffered 的面板。

注意 2：这不支持单击创建点。由于没有DrawPoint，因此如果需要，则必须解决：

• 当MouseUp当前曲线中只有一个点时，或者在 1 像素外添加一个额外的点；
• 或允许单个点并添加FilleCircle 以在Paint 事件中显示它们。

Answer 2

在 GitHub 上查看此代码 ScreenToGif。

文件夹GifRecorder\Controls\FreeDrawPanel.cs中有一个实现，它支持方形和圆形画笔、橡皮擦和保存输出图像。

Answer 3

我会跳过使用它不是为图形设计的面板，就像 ImageBox 那样 - 继续前进，然后您可以轻松保存内容。

更新 图片框。我有一段时间没有使用 WinForms 了：D