zoukankan      html  css  js  c++  java
  • silverlight画图 虚线 反射效果 射线渐变效果Radial Gradient

    <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>
  • 相关阅读:
    2008年8月1日21世纪首次日全食奇观
    7.3午饭记
    简单漂亮的导航栏效果
    浮动居中float:center
    图片垂直居中的CSS技巧
    谷歌Chrome浏览器发布
    满江红.中秋寄远
    寄中秋月下独酌
    春江花月夜
    开始锻炼身体
  • 原文地址:https://www.cnblogs.com/xlyg-14/p/4852422.html
Copyright © 2011-2022 走看看