为何WPF Popup会随父元素变换被缩放？如何固定其尺寸？

可行，针对你的场景，有两种直接的解决思路：

思路1：把Popup移出Canvas，作为同级元素 #

Popup默认是独立渲染的，但如果把它放在Canvas的子元素列表里，就会被Canvas的RenderTransform牵连缩放。把它移到Canvas外面（和Canvas同级），就能脱离父容器的变换影响，同时通过PlacementTarget绑定到Canvas或内部元素来关联位置。

示例XAML：

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid>
        <!-- 可缩放的Canvas -->
        <Canvas x:Name="drawingCanvas"
                RenderTransform="{Binding ScaleTransform}">
            <!-- 这里放绘图元素，比如形状、可拖拽组件等 -->
        </Canvas>

        <!-- 固定大小的Popup，和Canvas同级 -->
        <Popup x:Name="fixedSizePopup"
               PlacementTarget="{Binding ElementName=drawingCanvas}"
               Placement="Relative"
               HorizontalOffset="20"
               VerticalOffset="20">
            <Border Background="WhiteSmoke"
                    BorderBrush="Gray"
                    BorderThickness="1"
                    Padding="8">
                <TextBlock Text="无论缩放多少，我都清晰可读"
                           FontSize="14"/>
            </Border>
        </Popup>
    </Grid>
</UserControl>

这种方式下，Popup的渲染完全独立于Canvas的缩放，只会遵循系统DPI和自身设置的尺寸，完美满足“清晰可读”的需求。如果需要让Popup跟随Canvas内的某个元素移动，只需把PlacementTarget绑定到目标元素即可。

思路2：给Popup添加反向缩放变换（如果必须放在Canvas内） #

如果因为业务逻辑必须把Popup留在Canvas的子元素里，可以给Popup的RenderTransform设置反向缩放，抵消Canvas的缩放效果。

步骤1：实现倒数转换器 #

先写一个转换器，用来把Canvas的缩放比例转为倒数：

public class ReciprocalConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double scale && scale != 0)
        {
            return 1 / scale;
        }
        return 1;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

步骤2：在XAML中使用 #

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:YourNamespace">
    <UserControl.Resources>
        <local:ReciprocalConverter x:Key="ReciprocalConverter"/>
    </UserControl.Resources>

    <Canvas x:Name="drawingCanvas"
            RenderTransform="{Binding ScaleTransform}">
        <!-- 其他绘图元素 -->

        <Popup>
            <Popup.RenderTransform>
                <ScaleTransform ScaleX="{Binding ElementName=drawingCanvas, Path=RenderTransform.ScaleX, Converter={StaticResource ReciprocalConverter}}"
                                ScaleY="{Binding ElementName=drawingCanvas, Path=RenderTransform.ScaleY, Converter={StaticResource ReciprocalConverter}}"/>
            </Popup.RenderTransform>
            <Border Background="WhiteSmoke"
                    BorderBrush="Gray"
                    BorderThickness="1"
                    Padding="8">
                <TextBlock Text="反向抵消缩放，保持固定大小"
                           FontSize="14"/>
            </Border>
        </Popup>
    </Canvas>
</UserControl>

这种方法通过反向缩放，让Popup看起来不受Canvas缩放影响，但本质还是在Canvas的变换体系内，适合无法修改Popup层级的场景。

内容的提问来源于stack exchange，提问作者afarley