Scheibe große WPF Canvas in viele kleine PNG-Bilder

Question

Angenommen, ich habe sehr große (3000 X 4000) WPF Canvas.

Ich bin auf der Suche nach der besten Möglichkeit, diese Leinwand in eine Reihe von n by n .png Bildkacheln zu schneiden.

Irgendwelche Vorschläge?

Answer 1

Nicht sicher entweder am besten oder am einfachsten, aber hier ist ein Weg :)

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(); 
} 

Answer 2

Sie können so etwas wie diese (nicht meinen Code, von Msdn sozialen genommen) tun:

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; 
} 

Aufwendige an diesem Code Abschnitt aus der JPG in Quadrate, dann können Sie ein Gitter verwenden, programmatisch zu schaffen eine Reihe von Spalten und Zeilen und die programmierten Eigenschaften Grid.Row und Grid.Column für die Bilder, um anzugeben, welche (geschnittenen) Bilder vorhanden sind.