RenderTransformOrigin和RotateAt一起作用会怎样

最新推荐文章于 2024-06-03 23:30:00 发布

xinyue_htx

最新推荐文章于 2024-06-03 23:30:00 发布

阅读量602

点赞数

分类专栏： wpf C# xaml

本文链接：https://blog.csdn.net/htxhtx123/article/details/104013824

版权

本文探讨了在WPF中，当RenderTransformOrigin和RotateAt同时应用于元素时，旋转中心点的理解和实际效果。通常，设置RenderTransformOrigin为0.5,0.5可以使元素在中点旋转。然而，通过RotateAt可以指定一个绝对坐标进行旋转，但需要注意， RotateAt的坐标是相对于元素自身的。示例代码展示了如何在非中心点旋转元素，以及如何正确理解旋转中心的计算方式。了解这些知识有助于更精确地控制元素的视觉效果。" 107160068,8224417,小程序文章列表超过1024KB加载策略,"['小程序开发', 'javascript', 'js']

摘要由CSDN通过智能技术生成

我们都知道RotateTransform会受到旋转中心RenderTransformOrigin的影响

因此我们如果期望在中点旋转，我们可以选择设置RenderTransformOrigin=0.5,0.5

        <Rectangle Width="100" Height="100" Fill="Teal" RenderTransformOrigin="0.5,0.5">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="45"></RotateTransform>
            </Rectangle.RenderTransform>
        </Rectangle>

在这里插入图片描述
和期望相符合。

但是智能提示告诉我们，在旋转的时候还能够设置一些其他东西。比如CenterX和CenterY。

在这里插入图片描述

我们看到CenterX的智能提示是“获取或者设置旋转中心点的X坐标”。

这个功能类似于RotateAt能够使我们绕非RenderTransformOrigin

最低0.47元/天解锁文章

xinyue_htx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
RenderTransformOrigin和RotateAt一起作用会怎样

我们都知道RotateTransform会受到旋转中心RenderTransformOrigin的影响因此我们如果期望在中点旋转，我们可以选择设置RenderTransformOrigin=0.5,0.5 <Rectangle Width="100" Height="100" Fill="Teal" RenderTransformOrigin="0.5,0.5">...
复制链接

扫一扫

专栏目录