将大的 WPF 画布切成许多小的 PNG 图像答案

【问题标题】：Slice Large WPF Canvas Into Many Small PNG Images将大的 WPF 画布切成许多小的 PNG 图像
【发布时间】：2011-05-26 01:56:49
【问题描述】：

假设我有非常大的 (3000 X 4000) WPF 画布。

我正在寻找将这个画布分割成一堆 n × n .png 图像块的最佳方法。

有什么建议吗？

【问题讨论】：

你如何定义最好的？有内存或 CPU 限制吗？
为此，我想优化“最简单”。 :-) 我想使用 Expression Blend 创建游戏关卡，然后将游戏关卡切割成 .png 文件，以便将它们吸入游戏引擎。

标签： wpf canvas png

【解决方案1】：

不确定最好还是最简单，但这是一种方法：)

private void SaveFrameworkElement(FrameworkElement frameworkElement)
{
    BitmapImage bitmapImage = VisualToBitmapImage(frameworkElement);
    for (int startX = 0; startX <= 400; startX += 100)
    {
        for (int startY = 0; startY <= 100; startY += 100)
        {
            SaveImage(bitmapImage, startX, startY, 100, 100, "C:\\CutImage_" + startX.ToString() + "-" + startY.ToString() + ".png");
        }
    }
}

public BitmapImage VisualToBitmapImage(FrameworkElement frameworkElement)
{
    RenderTargetBitmap rtb = new RenderTargetBitmap((int)frameworkElement.ActualWidth,
                                                    (int)frameworkElement.ActualHeight,
                                                    96d,
                                                    96d,
                                                    PixelFormats.Default);
    rtb.Render(frameworkElement);

    MemoryStream stream = new MemoryStream();
    PngBitmapEncoder encoder = new PngBitmapEncoder();
    encoder.Frames.Add(BitmapFrame.Create(rtb));
    encoder.Save(stream);

    BitmapImage bitmapImage = new BitmapImage();
    bitmapImage.BeginInit();
    bitmapImage.StreamSource = stream;
    bitmapImage.EndInit();

    return bitmapImage;            
}
public void SaveImage(BitmapImage sourceImage,
                      int startX,
                      int startY,
                      int width,
                      int height,
                      string filePath)
{
    TransformGroup transformGroup = new TransformGroup();
    TranslateTransform translateTransform = new TranslateTransform();
    translateTransform.X = -startX;
    translateTransform.Y = -startY;
    transformGroup.Children.Add(translateTransform);

    DrawingVisual vis = new DrawingVisual();
    DrawingContext cont = vis.RenderOpen();
    cont.PushTransform(transformGroup);
    cont.DrawImage(sourceImage, new Rect(new Size(sourceImage.PixelWidth, sourceImage.PixelHeight)));
    cont.Close();

    RenderTargetBitmap rtb = new RenderTargetBitmap(width, height, 96d, 96d, PixelFormats.Default);
    rtb.Render(vis);

    FileStream stream = new FileStream(filePath, FileMode.Create);
    PngBitmapEncoder encoder = new PngBitmapEncoder();
    encoder.Frames.Add(BitmapFrame.Create(rtb));
    encoder.Save(stream);
    stream.Close();
}

【讨论】：

已经有一段时间了，但我终于回到了这个。：-）是的。有用。谢谢。

【解决方案2】：

你可以这样做（不是我的代码，取自 msdn social）：

public static RenderTargetBitmap GetJpgImage(UIElement targetUIElement, double scale, int quality)
{
double actualHeight = targetUIElement.RenderSize.Height;
double actualWidth = targetUIElement.RenderSize.Width;

double renderedHeight = actualHeight * scale;
double renderedWidth = actualWidth * scale;

RenderTargetBitmap renderTarget = new RenderTargetBitmap((int)renderedWidth, (int)renderedHeight, 96, 96, PixelFormats.Pbgra32);
VisualBrush sourceBrush = new VisualBrush(targetUIElement);

DrawingVisual drawingVisual = new DrawingVisual();
DrawingContext drawingContext = drawingVisual.RenderOpen();

using (drawingContext)
{
    drawingContext.PushTransform(new ScaleTransform(scale, scale));
    drawingContext.DrawRectangle(sourceBrush, null, new Rect(new System.Windows.Point(0, 0), new System.Windows.Point(actualWidth, actualHeight)));
}
renderTarget.Render(drawingVisual);

JpegBitmapEncoder jpgEncoder = new JpegBitmapEncoder();
jpgEncoder.QualityLevel = quality;
jpgEncoder.Frames.Add(BitmapFrame.Create(renderTarget));
MemoryStream memoryStream = new MemoryStream();
jpgEncoder.Save(memoryStream);

File.WriteAllBytes(@"D:\a.jpg", memoryStream.ToArray());

return renderTarget;
}

详细说明该代码以将 JPG 分割成正方形，然后您可以使用 Grid，以编程方式创建一堆列和行，并以编程方式使用图像上的 Grid.Row 和 Grid.Column 附加属性来指定哪个（切片）图像存在。

【讨论】：

这与我给出的答案相当接近。请注意，请求是针对 png 图像。
我的错。正如 Meleak 指出的，您可以使用 PngBitmapEncoder 类代替 JpegBitmapEncoder。