WPF 获取元素（Visual）相对于屏幕设备的缩放比例，可用于清晰显示图片

我们知道，在 WPF 中的坐标单位不是屏幕像素单位，所以如果需要知道某个控件的像素尺寸，以便做一些与屏幕像素尺寸相关的操作，就需要经过一些计算（例如得到屏幕的 DPI）。

更繁琐的是，我们的控件可能外面有一些其他的控件做了 RenderTransform 进行了一些缩放，于是了解到屏幕像素单位就更不容易了。

本文将提供一套计算方法，帮助计算某个 WPF 控件相比于屏幕像素尺寸的缩放比例，用于进行屏幕像素级别的渲染控制。

---

一个 WPF 控件会经历哪些缩放？

如下图，我画了一个屏幕，屏幕里面有一个 WPF 窗口，WPF 窗口里面有一个或者多个 ViewBox 或者设置了 RenderTransform 这样的缩放的控件，一层层嵌套下有我们的最终控件。

于是，我们的控件如何得知此时相比于屏幕像素的缩放比呢？换句话说，如何得知此时此控件的显示占了多少个屏幕像素的宽高呢？

分别计算所有的缩放

从上面的图中，我们可以得知，有两种不同种类的缩放：

1. 屏幕到 WPF 窗口的缩放
2. WPF 窗口内部的缩放

屏幕到 WPF 窗口的缩放

我们知道 WPF 的单位叫做 DIP 设备无关单位。不过，我更希望引入 UWP 中的有效像素单位。实际上 WPF 和 UWP 的像素单位含义是一样的，只是 WPF 使用了一个画饼式的叫法，而 UWP 中的叫法就显得现实得多。

你可以阅读我的另一篇博客了解到有效像素单位：

• 将 UWP 的有效像素（Effective Pixels）引入 WPF

有效像素主要就是考虑了 DPI 缩放。于是实际上我们就是在计算 DPI 缩放。

// visual 是我们准备找到缩放量的控件。
var ct = PresentationSource.FromVisual(visual)?.CompositionTarget;
var matrix = ct == null ? Matrix.Identity : ct.TransformToDevice;

这里，我们使用的是 PresentationSource.FromVisual(visual)?.CompositionTarget 因为不同屏幕可能存在不同的 DPI。

• 支持 Windows 10 最新 PerMonitorV2 特性的 WPF 多屏高 DPI 应用开发

WPF 窗口内部的缩放

WPF 窗口内部的缩放，肯定不会是一层层自己去叠加。

实际上 WPF 提供了方法 TransformToAncestor 可以计算一个两个具有父子关系的控件的相对变换量。

于是我们需要找到 WPF 窗口中的根元素，可以通过不断查找可视化树的父级来找到根。

// VisualRoot 方法用于查找 visual 当前的可视化树的根，如果 visual 已经显示，则根会是窗口中的根元素。
var root = VisualRoot(visual);
var transform = (