好久没有更新Blog了，献上一个as3的颜色渐变算法

转载请注明出处:http://montage.iteye.com/blog/446514
最近在需要一个颜色渐变的算法，比如从黑色(0x000000) 到 白色 (0xFFFFFF) 的渐变；
再有一个步长参数, 步长如果为10的话，那么这个算法就应该返回一个长度为10的数组，数组内容分是从黑到白渐变的颜色值；找了半天终于找到了一个java版的，非常符合我的需求，照着写了个as3的，测试过了，一切OK;给大家共享一下，支持开源！

/**
			 * 输入一个颜色,将它拆成三个部分:
        	 * 红色,绿色和蓝色
			 */
			public static function retrieveRGBComponent( color:uint ):Array
			{
				var r:Number = color >> 16;
				var g:Number = (color >> 8) & 0xff;
				var b:Number = color & 0xff;
				
				return [r, g, b];
			}
			
			/**
			 * 红色,绿色和蓝色三色组合
			 */
			public static function generateFromRGBComponent( rgb:Array ):int
			{
				if( rgb == null || rgb.length != 3 || 
					rgb[0] < 0 || rgb[0] > 255 ||
					rgb[1] < 0 || rgb[1] > 255 ||
					rgb[2] < 0 || rgb[2] > 255 )
					return 0xFFFFFF;
				return rgb[0] << 16 | rgb[1] << 8 | rgb[2];
			}
			
			/**
			 * color1是浅色,color2是深色,实现渐变
        	 * steps是指在多大的区域中渐变,
			 */
			public static function generateTransitionalColor( color1:uint, color2:uint, steps:int):Array
			{
				if( steps < 3 )
					return [];
					
				var color1RGB:Array = retrieveRGBComponent( color1 );
				var color2RGB:Array = retrieveRGBComponent( color2 );
				
				var colors:Array = [];
				colors.push( color1 );
				steps = steps - 2;
				
				var redDiff:Number = color2RGB[0] - color1RGB[0];
				var greenDiff:Number = color2RGB[1] - color1RGB[1];
				var blueDiff:Number = color2RGB[2] - color1RGB[2];
				for( var i:int = 1; i < steps - 1; i++)
				{
					var tmpRGB:Array = [
						color1RGB[0] + redDiff * i / steps,
						color1RGB[1] + greenDiff * i / steps,
						color1RGB[2] + blueDiff * i / steps
					];
					colors.push( generateFromRGBComponent( tmpRGB ) );
				}
				colors.push( color2 );
				
				return colors;
			}

效果如图：

评论

1 楼 jinxueliu 2010-05-04  

我有一个问题，不知您能否指点一二

比如说有一张人脸照片，
画一个大的矩形框住鼻子的区域，在大矩形内画一个小矩形，
使大矩形内的图像缩小变形为小矩形的大小。
现在的问题是：大矩形和小矩形之间的区域，如何填充它，使之有一个平滑渐变的过程。