如何使图像绕 z 轴自旋/旋转

发布于 2024-11-30 12:07:36 字数 1138 浏览 0 评论 0原文

我想在 Z 轴上旋转/旋转我的徽标(图像)。

这是我到目前为止的代码:

<Image Name="logo"  Grid.Row="1" Grid.Column="0" Source="someLogoPath" Width="140" Height="140" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0,10,0,0">
        <Image.RenderTransform>
            <RotateTransform x:Name="TransRotate" />
        </Image.RenderTransform>
        <Image.Triggers>
            <EventTrigger RoutedEvent="Image.Loaded">
                <BeginStoryboard>
                    <Storyboard TargetProperty="Angle">
                        <DoubleAnimation
                         Storyboard.TargetName="TransRotate" 
                         Storyboard.TargetProperty="Angle"
                         By="360" 
                         Duration="0:0:10"  
                         AutoReverse="False" 
                         RepeatBehavior="Forever" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Image.Triggers>
    </Image>

这只在 X 轴上旋转。

我需要做什么才能让它在 Z 轴上旋转?

I would like to spin/rotate my Logo(Image) on the Z axis.

This is the code i have so far:

<Image Name="logo"  Grid.Row="1" Grid.Column="0" Source="someLogoPath" Width="140" Height="140" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0,10,0,0">
        <Image.RenderTransform>
            <RotateTransform x:Name="TransRotate" />
        </Image.RenderTransform>
        <Image.Triggers>
            <EventTrigger RoutedEvent="Image.Loaded">
                <BeginStoryboard>
                    <Storyboard TargetProperty="Angle">
                        <DoubleAnimation
                         Storyboard.TargetName="TransRotate" 
                         Storyboard.TargetProperty="Angle"
                         By="360" 
                         Duration="0:0:10"  
                         AutoReverse="False" 
                         RepeatBehavior="Forever" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Image.Triggers>
    </Image>

This only spins it on the X axis.

What do i need to do, to get it to spin on the Z axis?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

罪#恶を代价 2024-12-07 12:07:36

你的意思是这样的吗?

<Image.RenderTransform>
    <RotateTransform x:Name="TransRotate" CenterX="70" CenterY="70" />
</Image.RenderTransform>

或者

<Image Name="logo" RenderTransformOrigin="0.5,0.5" />

Do you mean something like this?

<Image.RenderTransform>
    <RotateTransform x:Name="TransRotate" CenterX="70" CenterY="70" />
</Image.RenderTransform>

or

<Image Name="logo" RenderTransformOrigin="0.5,0.5" />
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文