WPF旋转图片避免裁剪，实现窗口全屏填充旋转效果

你的核心问题是容器默认裁剪了超出边界的内容，同时要确保旋转时图片始终覆盖整个窗口。以下是具体修改方案：

关键修改点 #

• 给外层Grid添加ClipToBounds="False"，允许内容超出Grid边界显示，避免旋转时图片被裁剪
• 保留你计算的图片尺寸（918×918，该尺寸等于窗口对角线长度，能覆盖旋转时的所有区域）

修改后的完整代码 #

<Window x:Class="currentPlayer"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:DartOverviewHistory"
    mc:Ignorable="d"
    Title="currentPlayer" Height="450" Width="800" WindowStyle="None" WindowState="Maximized" ResizeMode="NoResize" Background="Black" >
<Window.Resources>
  
</Window.Resources>
<!-- 添加ClipToBounds="False"，禁止Grid裁剪超出内容 -->
<Grid ClipToBounds="False">     
    <Image Source="/images/finalStar.png" Width="918" Height="918" HorizontalAlignment="Center" VerticalAlignment="Center" Opacity=".3">
        <Image.RenderTransform>
            <RotateTransform CenterX="459" CenterY="459" />
        </Image.RenderTransform>
        <Image.Style>
            <Style>
                <Style.Triggers>
                    <Trigger Property="Image.IsEnabled" Value="True">
                        <Trigger.EnterActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation
                                Storyboard.TargetProperty="RenderTransform.Angle"
                                From="0"
                                To="360"
                                Duration="0:1:0"
                                RepeatBehavior="Forever" />
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.EnterActions>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Image.Style>
    </Image>          
    <Viewbox x:Name="vb1" Visibility="Visible">
        <Label x:Name="lblPlayer" Content="CAROLINE" Foreground="White" FontFamily="Cascadia Code" FontWeight="Bold" Background="Transparent"/>
    </Viewbox>
   
    <Label Margin="591,308,0,0" />

</Grid>

补充说明 #

• ClipToBounds默认值为True，容器会自动裁剪超出自身边界的子元素，设置为False后，图片旋转时超出Grid的部分会正常显示，不会被窗口边界裁剪
• 你计算的918×918尺寸是正确的，这个尺寸等于窗口的对角线长度，能保证旋转过程中图片始终覆盖整个窗口区域

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