Windows Form PictureBox如何同时保存Image与Background图像？

问题出在直接保存PictureBox.Image只会获取前景的相框图，要得到包含背景照片的完整图像，需要手动将两张图合成后再保存，具体步骤如下：

• 第一步：创建与PictureBox尺寸一致的空白Bitmap作为画布
• 第二步：在画布上先绘制背景照片（对应PictureBox.BackgroundImage），匹配你设置的BackgroundImageLayout模式
• 第三步：在画布上叠加绘制前景相框（对应PictureBox.Image），同样匹配ImageLayout模式
• 第四步：将合成后的Bitmap保存为.jpg文件

示例代码 #

在第三个按钮的Click事件中添加以下代码：

private void btnSave_Click(object sender, EventArgs e)
{
    // 检查是否同时存在背景图和前景图
    if (pictureBox1.BackgroundImage == null || pictureBox1.Image == null)
    {
        MessageBox.Show("请先选择相框和照片");
        return;
    }

    // 创建和PictureBox同尺寸的画布
    using (Bitmap combinedBitmap = new Bitmap(pictureBox1.Width, pictureBox1.Height))
    {
        using (Graphics g = Graphics.FromImage(combinedBitmap))
        {
            // 绘制背景图，匹配BackgroundImageLayout
            DrawImageWithLayout(g, pictureBox1.BackgroundImage, pictureBox1.ClientRectangle, pictureBox1.BackgroundImageLayout);
            // 绘制前景相框图，匹配ImageLayout
            DrawImageWithLayout(g, pictureBox1.Image, pictureBox1.ClientRectangle, pictureBox1.ImageLayout);
        }

        // 保存合成后的图像
        SaveFileDialog saveDialog = new SaveFileDialog();
        saveDialog.Filter = "JPEG图片|*.jpg";
        if (saveDialog.ShowDialog() == DialogResult.OK)
        {
            combinedBitmap.Save(saveDialog.FileName, System.Drawing.Imaging.ImageFormat.Jpeg);
            MessageBox.Show("保存成功");
        }
    }
}

// 辅助方法：根据Layout模式绘制图像
private void DrawImageWithLayout(Graphics g, Image image, Rectangle destRect, ImageLayout layout)
{
    switch (layout)
    {
        case ImageLayout.None:
            g.DrawImage(image, destRect.Location);
            break;
        case ImageLayout.Tile:
            using (TextureBrush brush = new TextureBrush(image))
            {
                g.FillRectangle(brush, destRect);
            }
            break;
        case ImageLayout.Center:
            int x = (destRect.Width - image.Width) / 2;
            int y = (destRect.Height - image.Height) / 2;
            g.DrawImage(image, x, y);
            break;
        case ImageLayout.Stretch:
            g.DrawImage(image, destRect);
            break;
        case ImageLayout.Zoom:
            float aspectRatio = (float)image.Width / image.Height;
            float destAspect = (float)destRect.Width / destRect.Height;
            Rectangle drawRect;

            if (aspectRatio > destAspect)
            {
                int height = (int)(destRect.Width / aspectRatio);
                drawRect = new Rectangle(destRect.X, destRect.Y + (destRect.Height - height) / 2, destRect.Width, height);
            }
            else
            {
                int width = (int)(destRect.Height * aspectRatio);
                drawRect = new Rectangle(destRect.X + (destRect.Width - width) / 2, destRect.Y, width, destRect.Height);
            }
            g.DrawImage(image, drawRect);
            break;
    }
}

说明 #

• 辅助方法DrawImageWithLayout会根据你在PictureBox设置的布局模式（比如Stretch、Zoom、Center等）绘制图像，保证合成效果和界面显示一致
• 使用using语句确保Bitmap和Graphics资源被正确释放，避免内存泄漏
• 保存前先检查是否有背景和前景图，避免空引用错误

内容的提问来源于stack exchange，提问作者berletzis