如何在C#中无损缩放并裁剪图片，生成带边距的多页海报？

核心问题分析 #

原代码通过将整张缩放后的大图添加到每个页面，再用负Margin偏移显示对应区域，这种方式会导致WPF在渲染时对整张大图进行拉伸后再裁剪，容易出现模糊。正确的做法是直接让每个页面的Image控件只渲染原图缩放后的对应区域，避免不必要的整体拉伸。

解决方案步骤 #

1. 确保图像渲染质量 #

在Image控件或其父元素上设置高质量的位图缩放模式，强制WPF使用更清晰的插值算法：

RenderOptions.SetBitmapScalingMode(image, BitmapScalingMode.HighQuality);

2. 使用Viewport精确裁剪区域 #

放弃负Margin偏移的方式，改用Image控件的Viewport和ViewportUnits属性，直接指定当前页面需要显示的原图缩放后区域：

• Viewport：定义要显示的源图像区域，格式为(x, y, width, height)，单位由ViewportUnits决定
• ViewportUnits="Absolute"：使用绝对像素坐标，确保定位精确

3. 修改CreateMultiplePages函数 #

以下是修改后的完整代码：

private FixedDocument CreateMultiplePages(BitmapImage bitmapImage)
{
    FixedDocument fixedDocument = new FixedDocument();

    int rowsCount = rows > 0 ? rows : 1;
    int colsCount = columns > 0 ? columns : 1;

    double pageWidth = (double)document.PageWidth;
    double pageHeight = (double)document.PageHeight;
    double scaledImageWidth = (double)document.ImageScaledWidth;
    double scaledImageHeight = (double)document.ImageScaledHeight;

    // 计算每个页面在缩放后图像中的区域尺寸
    double viewportWidth = pageWidth;
    double viewportHeight = pageHeight;

    for (int row = 0; row < rowsCount; row++)
    {
        for (int col = 0; col < colsCount; col++)
        {
            FixedPage fixedPage = new FixedPage();
            fixedPage.Width = pageWidth;
            fixedPage.Height = pageHeight;

            // 设置页面的渲染质量
            RenderOptions.SetBitmapScalingMode(fixedPage, BitmapScalingMode.HighQuality);

            System.Windows.Controls.Image image = new System.Windows.Controls.Image
            {
                Source = bitmapImage,
                // 设置图像的拉伸模式为Fill，确保区域填满页面
                Stretch = Stretch.Fill,
                // 设置Image控件的尺寸为页面大小
                Width = pageWidth,
                Height = pageHeight,
                // 设置Viewport：定位到当前页面对应的缩放后图像区域
                Viewport = new Rect(
                    col * pageWidth,    // X起始坐标
                    row * pageHeight,   // Y起始坐标
                    viewportWidth,      // 区域宽度
                    viewportHeight      // 区域高度
                ),
                ViewportUnits = BrushMappingMode.Absolute
            };

            // 强制图像高质量渲染
            RenderOptions.SetBitmapScalingMode(image, BitmapScalingMode.HighQuality);

            fixedPage.Children.Add(image);

            PageContent pageContent = new PageContent();
            ((IAddChild)pageContent).AddChild(fixedPage);
            fixedDocument.Pages.Add(pageContent);
        }
    }
    return fixedDocument;
}

4. 优化BitmapImage加载（可选） #

如果原图加载时就存在模糊，可在创建BitmapImage时设置解码参数，确保加载的图像质量：

BitmapImage bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.UriSource = new Uri("your-image-path");
// 设置解码尺寸为缩放后的尺寸，避免二次缩放
bitmapImage.DecodePixelWidth = (int)document.ImageScaledWidth;
bitmapImage.DecodePixelHeight = (int)document.ImageScaledHeight;
bitmapImage.EndInit();

关键说明 #

• Viewport直接定位到缩放后图像的对应页面区域，每个页面只渲染需要的部分，避免了整体大图的拉伸偏移带来的模糊
• BitmapScalingMode.HighQuality强制使用高质量的双线性插值算法，提升缩放后的清晰度
• 若原图尺寸远大于缩放后的尺寸，提前设置DecodePixelWidth/Height可以减少内存占用并提升渲染速度

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