WPF中RenderTargetBitmap问题解决

位置问题

使用RenderTargetBitmap截取某一可视元素时,很多时候会出现元素并不是在图片左上角的问题。

解决这一问题的方法是,在要截取元素外,再加一个Border。

例如:

cs 复制代码
<Border>
    <Canvas Name="ToRender">
    </Canvas>
</Border>

背景黑色问题

希望背景是其他颜色,只要设置截取元素的背景即可。例如:

cs 复制代码
<Border>
    <Canvas Name="ToRender" Background="White">
    </Canvas>
</Border>

导出尺寸跟实际尺寸不一致问题

使用以下代码解决:

cs 复制代码
var renderBitmap = new RenderTargetBitmap(width, height, 96, 96, PixelFormats.Pbgra32);
var visualBrush = new VisualBrush(ToRender);
var drawingVisual = new DrawingVisual();
using (var drawingContext = drawingVisual.RenderOpen())
{
    drawingContext.DrawRectangle(visualBrush, null, new Rect(0, 0, width, height));
}
renderBitmap.Render(drawingVisual);

var encoder = new JpegBitmapEncoder();
encoder.Frames.Add(BitmapFrame.Create(renderBitmap));
using (var fileStream = new FileStream("result.jpg", FileMode.Create))
{
    encoder.Save(fileStream);
}

分辨率非96问题

显示器中显示图片的分辨率为96。当导出图片的分辨率非这个值时(例如打印一般用dpi300),需要进行调整。

cs 复制代码
var renderBitmap = new RenderTargetBitmap(width, height, dpi, dpi, PixelFormats.Pbgra32);
var visualBrush = new VisualBrush(ToRender);
var drawingVisual = new DrawingVisual();
using (var drawingContext = drawingVisual.RenderOpen())
{
    drawingContext.DrawRectangle(visualBrush, null, new Rect(0, 0, width / dpi * 96, height / dpi * 96));
}
renderBitmap.Render(drawingVisual);

var encoder = new JpegBitmapEncoder();
encoder.Frames.Add(BitmapFrame.Create(renderBitmap));
using (var fileStream = new FileStream("result.jpg", FileMode.Create))
{
    encoder.Save(fileStream);
}
相关推荐
小羊没烦恼!2 天前
分布式事务 | 使用DTM 的Saga 模式
java·linux·运维·数据库·wpf
samble3 天前
从零搭建半导体设备上位机(二):Prism + DryIoc,五个工程与区域导航怎么串起来
wpf·prism·dryioc
一条闲鱼_mytube3 天前
分布式 ID 生成方案:雪花算法与号段模式
分布式·算法·wpf
她说彩礼65万3 天前
WPF Prism代码走读
wpf
光泽雨6 天前
动画生命周期
c#·wpf
nap1177 天前
WPF 中常用的 LINQ 语句
wpf
做个文艺程序员10 天前
MQ第12篇:AI原生消息架构演进:从MQ到事件驱动的全链路设计
架构·消息队列·wpf·事件驱动架构·ai-native·cqrs
donk131412 天前
React Native for OpenHarmony 实战:三方库 react-native-circular-action-menu 的鸿蒙化适配指南
javascript·分布式·react native·react.js·wpf·harmonyos
donk131413 天前
React Native for OpenHarmony 实战:三方库 react-native-step-indicator 的鸿蒙化适配指南
分布式·react native·react.js·wpf·harmonyos