学Silverlight 2系列（29）：使用Transform实现更炫的效果（上）

核心提示： 如果我们想指定旋转点的话，可以通过属性CenterX和CenterY两个属性进行控制，学Silverlight 2系列（29）：使用Transform实现更炫的效果（上）(2)，如下代码所示：<Canvas Background="#CDFCAE"><

　

如果我们想指定旋转点的话，可以通过属性CenterX和CenterY两个属性进行控制，如下代码所示：

<Canvas Background="#CDFCAE">
　　<Image Source="a1.png" Canvas.Left="160" Canvas.Top="80" Opacity="0.5">
　　</Image>
　　<Image Source="a1.png" Canvas.Left="160" Canvas.Top="80">
　　　　<Image.RenderTransform>
　　　　　　<RotateTransform Angle="45" CenterX="120" CenterY="68"></RotateTransform>
　　　　</Image.RenderTransform>
　　</Image>
</Canvas>

运行后可以看到，将围绕图片的中心旋转45°：

　

缩放变换（ScaleTransform）

缩放变换ScaleTransform允许我们对元素进行缩放，通过属性ScaleX和ScaleY来分别指定在X轴和Y轴上的缩放比例，同样也可以使用属性CenterX和CenterY来指定缩放中心。如下面的示例：

<Canvas Background="#CDFCAE">
　　<Image Source="a1.png" Canvas.Left="40" Canvas.Top="80" Opacity="0.5">
　　</Image>
　　<Image Source="a1.png" Canvas.Left="40" Canvas.Top="80">
　　　　<Image.RenderTransform>
　　　　　　<ScaleTransform ScaleX="0.5" ScaleY="0.5"></ScaleTransform>
　　　　</Image.RenderTransform>
　　</Image>
　　
　　<Image Source="a1.png" Canvas.Left="320" Canvas.Top="80" Opacity="0.5">
　　</Image>
　　<Image Source="a1.png" Canvas.Left="320" Canvas.Top="80">
　　　　<Image.RenderTransform>
　　　　　　<ScaleTransform ScaleX="0.5" ScaleY="0.5"
　　　　　　　　　　　　　　CenterX="120" CenterY="68"></ScaleTransform>
　　　　</Image.RenderTransform>
　　</Image>
</Canvas>

运行后效果如下所示：