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

mac2022-06-30  119

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

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

 

现在就来看看吧

图片的大小由<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

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)