将 RichTextBox FlowDocument 保存为图像

Question

我正在制作一个程序，我希望将 RichTextBox 内容（文本+图像）另存为图像（jpg/png）。 我试图使用这个解决方案，但我只得到黑色填充图像

SaveUIAsGraphicFile() 

我还尝试从我的 rtb 控件创建 FormattedText，打印它工作正常，但无法在其中插入图像。 也许可以以某种方式打印 FlowDocument？

Answer 1

您可以使用类似以下方法从 FlowDocument 创建位图：

public BitmapSource FlowDocumentToBitmap(FlowDocument document, Size size)
{
    document = CloneDocument(document);

    var paginator = ((IDocumentPaginatorSource)document).DocumentPaginator;
    paginator.PageSize = size;

    var visual = new DrawingVisual();
    using (var drawingContext = visual.RenderOpen())
    {
        // draw white background
        drawingContext.DrawRectangle(Brushes.White, null, new Rect(size));
    }
    visual.Children.Add(paginator.GetPage(0).Visual);

    var bitmap = new RenderTargetBitmap((int)size.Width, (int)size.Height,
                                        96, 96, PixelFormats.Pbgra32);
    bitmap.Render(visual);
    return bitmap;
}

public FlowDocument CloneDocument(FlowDocument document)
{
    var copy = new FlowDocument();
    var sourceRange = new TextRange(document.ContentStart, document.ContentEnd);
    var targetRange = new TextRange(copy.ContentStart, copy.ContentEnd);

    using (var stream = new MemoryStream())
    {
        sourceRange.Save(stream, DataFormats.XamlPackage);
        targetRange.Load(stream, DataFormats.XamlPackage);
    }

    return copy;
}

然后使用如下所示将 RichTextBox 的文档保存到图像文件中。

var doc = richTextBox.Document;
var bm = FlowDocumentToBitmap(doc, new Size(richTextBox.ActualWidth, richTextBox.ActualHeight));
var encoder = new JpegBitmapEncoder();
encoder.Frames.Add(BitmapFrame.Create(bm));

using (var stream = new FileStream("doc.jpg", FileMode.Create))
{
    encoder.Save(stream);
}   

Answer 2

你可以花 HOURS 四处寻找，试图弄清楚为什么宽度是错误的，而实际上它试图在列中分页。 将文档的列宽设置为输出位图的全宽。

    public Bitmap FlowDocumentToBitmap(FlowDocument document, Size size)
    {
        document = CloneDocument(document);
        document.ColumnWidth = size.Width;// <-  Add this line