用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 >
10 </ 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 >
10 </ Image >

转载于:https://www.cnblogs.com/sunnysmile/archive/2008/10/08/1306394.html