Bitmap倒影效果

主要是藉由Bitmap支援混合多張影像的模式.
DEMO: http://140.112.31.185/flextest/imageReflection.swf

source code + 說明
<br />import flash.events.ProgressEvent;<br />import flash.display.Bitmap<br />import flash.display.BitmapData <br />import mx.controls.Image <br /> <br />internal function initApp():void {<br /> var bd:BitmapData = new BitmapData(img.contentWidth, img.contentHeight, true, 0);<br /><br />// 垂直翻轉, 矩陣第1,4個參數為水平垂直方向的縮放比例, 第2,3個參數為水平垂直方向的旋轉角度<br />// 最後兩個參數為坐標的相對位置, 影像翻轉後的y坐標可自行調整<br /> var matrix:Matrix = new Matrix(1, 0, 0, -1, 0, img.contentHeight);<br /> <br /> // 擷取輸入影像的pixels<br /> bd.draw(img, matrix);<br /><br /> // 宣告一個visual component, 用來做漸變透明效果, 也可以是其它UIComponent, 如Canvas<br /> var shape:Shape = new Shape();<br /> <br /> // 定義一個漸變矩陣, 用來設置填充效果<br /> var gradientMatrix:Matrix = new Matrix();<br /> gradientMatrix.createGradientBox(img.contentWidth, img.contentHeight,0.5*Math.PI);<br /> <br /> // 使用線性填充來達到漸變效果<br /> // 第 1 個參數: 以何種方式來做漸層, 這裡使用線性填充<br /> // 第 2 個參數: 使用何種顏色來做漸層, 這裡使用三種顏色<br /> // 第 3 個參數: 指定相對應顏色的alpha值<br /> // 第 4 個參數: 各顏色所佔的比例<br /> shape.graphics.beginGradientFill(GradientType.LINEAR, [0,0,0], [0.4,0.25,0.01], [0,125,255], gradientMatrix);<br /> shape.graphics.drawRect(0, 0, img.contentWidth,img.contentHeight);<br /> shape.graphics.endFill();<br /> <br /> // 透明化shape, 以融入背景顏色<br /> bd.draw(shape, null, null, BlendMode.ALPHA);<br /> var ba:Bitmap = new Bitmap(bd); <br /> var newImage:Image = new Image();<br /> newImage.source = ba;<br /> newImage.x = img.x;<br /> newImage.y = img.y + img.contentHeight + 2;<br /> this.addChild(newImage);<br />} <br />