全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
均匀渐变一下是从cl1到cl2渐变: int R, G, B; Color cl1 = Color.Red; Color cl2 = Color.Blue; for (int i = 0; i jishu; i+) R = cl1.R + (cl2.R - cl1.R) * i / jishu; G = cl1.G + (cl2.G - cl1.G) * i / jishu; B = cl1.B + (cl2.B - cl1.B) * i / jishu; Color cl = Color.FromArgb(R, G, B); SolidBrush sb = new SolidBrush(cl); gr.FillRectangle(sb, 0, i * (panel1.Height / 8), panel1.Width, panel1.Height / 8); 渐变(Gradient)是美学中一条重要的形式美法则,与其相对应的是突变。形状、大小、位置、方向、色彩等视觉因素都可以进行渐变。在色彩中,色相、明度、纯度也都可以产生渐变效果,并会表现出具有丰富层次的美感。本文主要讲述两种颜色RGB数值的渐变算法。已知:A=50,B=200,A、B之间平均分成3份(Step=3),求每份的数值(StepN)分别是多少。公式:Gradient = A + (B-A) / Step * N注编程时为了提高效率避免浮点运算,往往把除法放在最后面,这样公式就成了:Gradient = A + (B-A) * N / StepStep=3时,根据公式可以求出Step1=A+(A-B)/3*1=50+(200-50)/3=100,Step2=A+(A-B)/3*2=50+(200-50)/3*2=150。这就是均匀渐变的算法原理了,很简单,小学知识。两种颜色的渐变就是对两种颜色的RGB通道分别进行这样的计算,例如两种颜色分别是RGB(200,50,0)和RGB(50,200,0),用上述公式进行计算就是:RStep1=RA=RA+(BA-RA)/Step*N=200+(50-200)/3*1=200-50=150GStep1=GA=GA+(GA-GA)/Step*N=50+(200-50)/3*1=50+50=100BStep1=BA=BA+(BA-BA)/Step*N=0因此RGBStep1=(150,100,0),同样的方法可以求出RGBStep2=(100,150,0)。网页中的渐变文字特效就是这么做出来的。例如你的网页HTML中有这么一句代码:你就是我天空里最美丽的彩虹,在后面加入如下的代码就可以实现渐变文字。(生成渐变的两种颜色:#c597ff和#73e7a9)var ColorA = #c597ff;var ColorB = #73e7a9;/ 颜色#FF00FF格式转为Array(255,0,255)function color2rgb(color) var r = parseInt(color.substr(1, 2), 16); var g = parseInt(color.substr(3, 2), 16); var b = parseInt(color.substr(5, 2), 16); return new Array(r, g, b);/ 颜色Array(255,0,255)格式转为#FF00FFfunction rgb2color(rgb) var s = #; for (var i = 0; i 3; i+) var c = Math.round(rgbi).toString(16); if (c.length = 1) c = 0 + c; s += c; return s.toUpperCase();/ 生成渐变function gradient() var str = myText.innerText; var result = ; var Step = str.length - 1; var Gradient = new Array(3); var A = color2rgb(ColorA); var B = color2rgb(ColorB); for (var N = 0; N = Step; N+) for (var c = 0; c 3; c+) / RGB通道分别进行计算 Gradientc = Ac
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024全程营销策划及销售代理合同
- 2024劳动关系解除合同书
- 2024人事代理签合同范文
- 2024-2030年全球及中国丰富通信服务(RCS)行业市场现状供需分析及市场深度研究发展前景及规划可行性分析研究报告
- 2024-2030年全球及中国G.快速芯片组行业市场现状供需分析及市场深度研究发展前景及规划可行性分析研究报告
- 2024绿化工程合同书范文
- 2024-2030年全球与中国氯雷他定糖浆销售前景及投资规划趋势报告
- 2024-2030年全球与中国床腿行业经营效益及发展前景规划报告
- 2024-2030年全球与中国加热手柄行业深度调研及市场营销创新咨询报告
- 2024农村土地转让合同模板
- 《肠易激综合征》课件
- 吹瓶机说明书电子版
- 学籍异动家长知情同意书
- 少先队红领巾专题班会课课件
- 员工住宿补贴方案
- 河北省秦皇岛市各县区乡镇行政村居民村民委员会明细及行政区划代码
- 危化品经营应急全新预案
- 混凝土挡土墙与毛石挡土墙监理实施细则
- 华为智慧物流园区解决方案
- 景区物业管理服务方案
- 小升初必考小学非连续性文本阅读训练四
评论
0/150
提交评论