用silverlight实现图片的缩放与旋转

哇，我终于发表了我的第一篇博客了。

     今天有网上看了个很牛的相册。看以它可以实现相片的缩放与旋转，唉实在是羡慕的不的了。在机子看耍控件时，突然发现几个小属性，这个让我欢心的呀

 

现在就来看看吧

图片的大小由<ScaleTransform>的ScaleX和ScaleY属性来控制。

图片旋转由<RotateTransform>标签的Angle属性来控制。

<Image>标签的Width和Height属性是原始大小。

<ScaleTransform>标签ScaleX,ScaleY属性的值则是图片放大或缩小的倍数值。当ScaleX,的值为负数时，图片就横向翻转；当ScaleY为负值时，图片就纵向翻转。

<RotateTransform>标签的Angle属性是图片旋转的角度值。当Angle的值为正时，顺时针旋转；当Angle的值为负时，是逆时针旋转。

现在我们就来看看改过属性后的效果图吧：

原图：

代码：

 

 1<Image Height="100" Width="100" Source="IMG0087A.jpg" Stretch="Uniform" RenderTransformOrigin="0.5,0.5" Canvas.Top="212" Canvas.Left="228">
 2   <Image.RenderTransform>
 3      <TransformGroup>
 4         <ScaleTransform ScaleX="1" ScaleY="1"/>
 5         <SkewTransform/>
 6         <RotateTransform Angle="0"/>
 7         <TranslateTransform/>
 8      </TransformGroup>
 9   </Image.RenderTransform>
</Image>

属性改过后：

 

代码如下

 

 1<Image Height="100" Width="100" Source="IMG0087A.jpg" Stretch="Uniform" RenderTransformOrigin="0.5,0.5" Canvas.Top="212" Canvas.Left="228">
 2   <Image.RenderTransform>
 3      <TransformGroup>
 4         <ScaleTransform ScaleX="-2" ScaleY="2"/>
 5         <SkewTransform/>
 6         <RotateTransform Angle="-27.603"/>
 7       <TranslateTransform/>
 8    </TransformGroup>
 9  </Image.RenderTransform>
</Image>