Pregunta

I am capturing a screenshot of a FrameworkElement and saving as a png file. However I would like to disable the background transparency for the png. How do I do that?

I did not choose JpegBitmapEncoder because it doesn't render DropShadowEffect properly. The following is the code snippet

    private void EncodeAndSaveToFile(string fileName)
    {
        var bitmapSource = FrameworkElement.RenderToBitmap();
        if (bitmapSource != null)
        {
            using (var stream = new FileStream(fileName, FileMode.Create))
            {
                var encoder = new PngBitmapEncoder();
                encoder.Frames.Add(BitmapFrame.Create(bitmapSource));
                encoder.Save(stream);
            }
        }
    }


    public static BitmapSource RenderToBitmap(this UIElement element, double scale)
    {

        var renderWidth = (int)(element.RenderSize.Width * scale);
        var renderHeight = (int)(element.RenderSize.Height * scale);

        var renderTarget = new RenderTargetBitmap(renderWidth, renderHeight, 96, 96, PixelFormats.Pbgra32);
        var sourceBrush = new VisualBrush(element);


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

        using (drawingContext)
        {
            drawingContext.PushTransform(new ScaleTransform(scale, scale));
            drawingContext.DrawRectangle(sourceBrush, null, new Rect(new Point(0, 0), new Point(element.RenderSize.Width, element.RenderSize.Height)));
        }
        renderTarget.Render(drawingVisual);

        return renderTarget;
    }
¿Fue útil?

Solución

As already mentioned in a comment to the question, you would have to render a background rectangle right before rendering the element:

public static BitmapSource RenderToBitmap(
    this UIElement element, double scale, Brush background)
{
    var renderWidth = (int)(element.RenderSize.Width * scale);
    var renderHeight = (int)(element.RenderSize.Height * scale);

    var renderTarget = new RenderTargetBitmap(renderWidth, renderHeight,
                                              96, 96, PixelFormats.Default);
    var sourceBrush = new VisualBrush(element);

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

    var rect = new Rect(0, 0, element.RenderSize.Width, element.RenderSize.Height);

    using (drawingContext)
    {
        drawingContext.PushTransform(new ScaleTransform(scale, scale));
        drawingContext.DrawRectangle(background, null, rect); // here
        drawingContext.DrawRectangle(sourceBrush, null, rect);
    }

    renderTarget.Render(drawingVisual);

    return renderTarget;
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top