zoukankan      html  css  js  c++  java
  • 七、变换和投射

    变换包括旋转、缩放和平移

    第一,旋转

    <Button Content="Button" HorizontalAlignment="Left" Margin="308,163,0,0" VerticalAlignment="Top" Height="123" Width="283" >
                <Button.RenderTransform>
                    <RotateTransform Angle="70" CenterX="30" CenterY="30"></RotateTransform>
                </Button.RenderTransform>
            </Button>

    Angle:表示旋转的度数

     CenterX  和CenterY 表示以那个位置旋转

    第二,缩放

      <Button Content="Button" HorizontalAlignment="Left" Margin="308,163,0,0" VerticalAlignment="Top" Height="123" Width="283" >
                <Button.RenderTransform>
                    
                    <ScaleTransform ScaleX="3" ScaleY="5"></ScaleTransform>
                </Button.RenderTransform>
            </Button>

    ScaleX和ScaleY表示缩放的倍数,如果ScaleY=-1,那么按钮就倒置了

    第三,平移

     <Button Content="Button" HorizontalAlignment="Left" Margin="308,163,0,0" VerticalAlignment="Top" Height="123" Width="283" >
                <Button.RenderTransform>
               <TranslateTransform X="-100" Y="300"></TranslateTransform>
                </Button.RenderTransform>
            </Button>

    第四,投射

    <Image HorizontalAlignment="Left" Height="199" Margin="849,385,0,0" VerticalAlignment="Top" Width="175" Source="Assets/Logo.png">
                <Image.Projection>
                    <PlaneProjection RotationY="70"></PlaneProjection>
                </Image.Projection>
            </Image>

     RotationY="70”表示图片围绕Y轴旋转70度

  • 相关阅读:
    滚动条滚动方向
    阶乘函数-尾递归
    返回顶部
    CommonJS
    vuessr
    随机字符串
    indexedDB
    深层次选择器
    Vue3.0简单替代Vuex
    shell 学习笔记
  • 原文地址:https://www.cnblogs.com/suinuaner/p/seven.html
Copyright © 2011-2022 走看看