#559 – 画一个带蒙版的渐变图(Drawing a Masked Gradient in Blend)
来源:互联网 发布:nginx js 文件被截断 编辑:程序博客网 时间:2024/05/16 07:18
你可以将简单形状的不透明蒙版和一些渐变颜色组合在一起生成类似剪纸一样的效果。下面的例子,可以生成一个云朵状的效果。
要这样的效果,首先要有个使用渐变色填充的Rectangle 。
<Rectangle Height="400" Stroke="Black" Width="600"> <Rectangle.Fill> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFFBFBFB" Offset="0.504"/> <GradientStop Color="#FFD6E1EA" Offset="0.734"/> <GradientStop Color="#FF6EB5F5" Offset="1"/> </LinearGradientBrush> </Rectangle.Fill></Rectangle>
然后生成一个云朵状的图片,黑色是不透明,其他的背景色为透明。
最后,将这个图片作为ImageBrush ,并应用为Rectangle的OpacityMask 。
原文地址:https://wpf.2000things.com/2012/05/16/559-drawing-a-masked-gradient-in-blend/
0 0
- #559 – 画一个带蒙版的渐变图(Drawing a Masked Gradient in Blend)
- #462 – 画一个外观更漂亮的GridSplitter(Drawing a Better Looking GridSplitter)
- Gradient 渐变
- Android背景渐变色(shape,gradient)的实现,gradient
- iOS渐变按钮Gradient Button的实现
- CSS3的线性渐变(linear-gradient)
- 神奇的 conic-gradient 圆锥渐变
- 神奇的 conic-gradient 圆锥渐变
- 画一个渐变的圆环
- #227 – You Can Specify Gradient Fills in Absolute Coordinates(通过绝对坐标指定渐变范围)
- 渐变填充Gradient
- Gradient─CSS3渐变
- Css3: gradient背景渐变
- CSS3之渐变Gradient
- -linear-gradient()线性渐变
- CSS3 Gradient 渐变
- linear-gradient 渐变
- CSS3 颜色渐变 gradient
- 数据结构——二叉(查找)树
- 封装js实现Java的trim()方法效果
- 如何在局域网访问Tomcat项目
- Java Convert
- 深入理解OkHttp源码(四)——缓存
- #559 – 画一个带蒙版的渐变图(Drawing a Masked Gradient in Blend)
- 模拟点餐系统
- 自定义RadioButton和Checkbox的按钮样式遇到的坑
- 输入输出流相关操作
- [JS]Math.random()随机数的二三事
- C++11特性:auto关键字
- 视觉基因(visual genome)项目及数据集介绍
- iOS的APP发布状态
- 构建apache+tomcat集群