首页 > Web开发 > 详细

silverlight画图 虚线 反射效果 射线渐变效果Radial Gradient

时间:2015-10-02 18:32:57      阅读:256      评论:0      收藏:0      [点我收藏+]
<Polyline Stroke="Blue" StrokeThickness="14" StrokeDashArray="1 2"
 Points="10,30 60,0 90,40 120,10 350,10">
</Polyline>

DashArray="1 2"代表显示1段,隐藏2段

<Grid x: Name="LayoutRoot" Background="White">
 <Grid.RowDefinitions>
 <RowDefinition></RowDefinition>
 <RowDefinition></RowDefinition>
 </Grid.RowDefinitions>
 <Image Grid.Row="0" Source="harpsichord.jpg"></Image>
 <Image Grid.Row="1" Source="harpsichord.jpg"></Image>
</Grid>

<Image Grid.Row="1" Source="harpsichord.jpg" RenderTransformOrigin="0,0.4">
 <Image.RenderTransform>
 <ScaleTransform ScaleY="-0.8"></ScaleTransform>
 </Image.RenderTransform>
 <Image.OpacityMask>
 <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
 <GradientStop Offset="0" Color="Transparent"></GradientStop>
 <GradientStop Offset="1" Color="#44000000"></GradientStop>
 </LinearGradientBrush>
 </Image.OpacityMask>
</Image>

 

射线渐变效果

<Ellipse Margin="5" Stroke="Black" StrokeThickness="1" Width="200" Height="200">
 <Ellipse.Fill>
 <RadialGradientBrush RadiusX="1" RadiusY="1" GradientOrigin="0.7,0.3">
 <GradientStop Color="White" Offset="0" />
 <GradientStop Color="Blue" Offset="1" />
 </RadialGradientBrush>
 </Ellipse.Fill>
</Ellipse>

 

silverlight画图 虚线 反射效果 射线渐变效果Radial Gradient

原文:http://www.cnblogs.com/xlyg-14/p/4852422.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!