Silverlight开发历程—(绘制放射渐变图形)
放射渐变画刷(RadialGradientBrush) 用来填充一个放射渐变色到元素中,它产生的是一个圆形的渐变色,从图形的中心向周围扩张 重要属性有,倾斜原点(GradientOrigin)、中心点(Center)、半径X(RadiusX)、半径Y(RadiusY)
XAML:
<StackPanel x:Name="LayoutRoot" Background="AliceBlue" Orientation="Horizontal"><Ellipse Height="180" Width="180" Margin="50,0,0,0"><Ellipse.Fill><!---倾斜原点和中心点值都为0.5--><RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5"><GradientStop Offset="0" Color="#FFECFFDB" /><GradientStop Offset="1.0" Color="#FF252825" /><GradientStop Offset="0.5" Color="#FF4D6D25" /></RadialGradientBrush></Ellipse.Fill></Ellipse><Ellipse Height="180" Width="180" Margin="50,0,0,0"><Ellipse.Fill><!---倾斜原点和中心点值都为0.6--><RadialGradientBrush GradientOrigin="0.6,0.6" Center="0.6,0.6"><GradientStop Offset="0" Color="#FFECFFDB" /><GradientStop Offset="1.0" Color="#FF252825" /><GradientStop Offset="0.5" Color="#FF4D6D25" /></RadialGradientBrush></Ellipse.Fill></Ellipse><Ellipse Height="180" Width="180" Margin="50,0,0,0"><Ellipse.Fill><!---Siliverlight还提供了半径X,半径Y 可以根据X,Y来绘制放射点--><RadialGradientBrush RadiusX="0.5" RadiusY="0.25"><GradientStop Offset="0" Color="#FFECFFDB" /><GradientStop Offset="1.0" Color="#FF252825" /><GradientStop Offset="0.5" Color="#FF4D6D25" /></RadialGradientBrush></Ellipse.Fill></Ellipse></StackPanel>
运行结果:
前两个例子可以通过调整倾斜点和中心点来调整整个渐变的位置,第三个例子则是根据渐变的X,Y半径来调整 。
Silverlight开发历程—(绘制放射渐变图形)相关推荐
- Html5学习------canvas绘制径向渐变图形
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content=& ...
- Android绘制颜色渐变图形
Android 中的颜色渐变有三种类型: a. 线性渐变:linear b. 镜像渐变 : radial c. 圆锥角度渐变 : sweep 实现方式: xml布局中实现: 在drawable包中,使 ...
- iOS:quartz2D绘图(绘制渐变图形)
quartzD可以用来绘制渐变图形,即图形向外或向内发散,会变得越来越模糊. 渐变分为线性渐变和径向渐变,所谓线性渐变,就是图形以线的方式发散,发散后一般呈现出矩形的样子:而径向渐变,就是以半径的大小 ...
- HTML5教程实例-用Canvas制作线性渐变图形
HTML5教程实例-用Canvas制作线性渐变图形 到目前为止,我们使用canvas绘制图形的基本知识已经介绍完毕,从本节开始,我们将介绍其他比较高级的绘制知识之一 - 线性渐变,首先我们来回顾一下& ...
- HTML5教程实例-用Canvas制作径向渐变图形
HTML5教程实例-用Canvas制作径向渐变图形 上节课,我们学习了如何使用Canvas绘制线性渐变图形,今天我们来学习一下如何绘制径向渐变图形.通过上节课的学习,我们知道绘制线性渐变图形用到了一个 ...
- Silverlight开发历程—(绘制矢量图之Polyline 和 Polygon)
Polyline(多线段) 和 Polygon(多边形) Polyline(多线段) 和 Polygon(多边形)是Silverlight中简单但功能强大的绘图对象.它允许你声明N个Points属性值 ...
- 绘制渐变图形--Canvas的基本操作
1.绘制线性渐变 渐变的概念:渐变是指在填充时从一种颜色慢慢过渡到另外一种的颜色. 绘制线性渐变时,需要使用到LinearGradient对象.使用图像上下文对象的createLinearGradie ...
- html5绘制渐变图形-线性渐变
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Canvas3——绘制渐变图形与绘制变形图形
1.Canvas绘制渐变图形 (1)绘制线性渐变 createLinearGradient() **CanvasRenderingContext2D**.createLinearGradient()方 ...
最新文章
- 《Linux内核分析》实验一
- ​人工神网络来解码皮质电图(ECoG)数据
- 一步一步教你实现简单的自定义错误跟踪
- 关于 ORA-01033: ORACLE initialization or shutdown in progress
- LoadRunner 参数模拟——快速得到并发用户的进场规则
- mysql 在大型应用中的架构演变
- jquery表单验证
- 优动漫PAINT核心功能介绍
- 反射应用二:利用反射加配置文件实现多数据库的访问
- 百度小程序html解析图片过大_如何快速高效爬取谷歌百度必应的图片
- 三个杯子的倒水问题(BFS)
- 闪存flash基础原理
- 下载 一寸照片编辑器
- 关于修改双系统默认启动项设置
- 抖音挑战微信能赢么?
- php面包屑导航实现思路,WordPress实现面包屑导航的方法
- 实时协作文档编辑器Etherpad
- Linux下软件逆向工程的介绍(一)
- 我是这样变成一个RHCE的(转)
- 西南大学大数据8天实训