wpf 利用ScrollViewer和RenderTransform对Image控件并按照鼠标中心缩放

WPF 中可以使用 ScrollViewer 控件来实现图像的滚动和缩放，同时可以利用 RenderTransform 属性对图像进行变换。

以下是一个示例代码，实现了利用 ScrollViewer 和 RenderTransform 对 Image 控件进行缩放，并根据鼠标中心点进行缩放的功能：

<ScrollViewer x:Name="scrollViewer" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
    <Image x:Name="image" Source="your_image_source" Width="500" Height="500">
        <Image.RenderTransform>
            <ScaleTransform ScaleX="1" ScaleY="1" CenterX="0" CenterY="0"/>
        </Image.RenderTransform>
    </Image>
</ScrollViewer>

private void OnMouseWheel(object sender, MouseWheelEventArgs e)
{
    // 获取鼠标中心点位置
    var position = e.GetPosition(image);

    // 计算缩放比例
    var factor = e.Delta > 0 ? 1.1 : 0.9;

    // 获取当前缩放比例
    var transform = image.RenderTransform as ScaleTransform;
    var scaleX = transform.ScaleX * factor;
    var scaleY = transform.ScaleY * factor;

    // 设置缩放中心点
    transform.CenterX = position.X;
    transform.CenterY = position.Y;

    // 更新缩放比例
    transform.ScaleX = scaleX;
    transform.ScaleY = scaleY;

    // 调整图像位置，保持鼠标中心点不变
    var offset = position - new Point(image.ActualWidth / 2, image.ActualHeight / 2);
    scrollViewer.ScrollToHorizontalOffset(scrollViewer.HorizontalOffset + offset.X);
    scrollViewer.ScrollToVerticalOffset(scrollViewer.VerticalOffset + offset.Y);
}

需要注意的是，当图像大小超过 ScrollViewer 的边界时，需要禁用 ScrollViewer 的自动滚动功能，否则图像会自动滚动到边缘。可以通过设置 ScrollViewer 的 CanContentScroll 属性为 False 来禁用此功能。