【WPF】对Image元素进行缩放平移等操作

最新推荐文章于 2025-09-25 07:05:28 发布

原创

最新推荐文章于 2025-09-25 07:05:28 发布 · 1.9k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #Image #ScaleTransform #缩放 #平移

本文详细描述了一个Windows界面中的图像元素如何实现平移（通过鼠标操作）、缩放（使用鼠标滚轮）以及还原原尺寸的功能，涉及代码片段展示了如何处理鼠标的点击、移动和滚轮事件，以及调整渲染变换矩阵。

元素布局

        <Border Grid.Row="1" Name="border" ClipToBounds="True" Margin="10,10,10,10">
            <Image Name="image" Visibility="Visible" Margin="3,3,3,3" Grid.Column="1" Source="{Binding SourceImage}" HorizontalAlignment="Center" VerticalAlignment="Center">
            </Image>
        </Border>