可以修改为倒影效果
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*"> <mx:Canvas id="cvs" x="45" y="31" width="383" height="225"> <mx:Image id="imgRed" width="345" height="10" source="imgs/img.gif" x="19" y="140"/> </mx:Canvas> <mx:Script> <![CDATA[ public var bitmap:Bitmap = new Bitmap(new BitmapData( 1, 1, true, 0 )); private function drawImage():void{ var bitmapData:BitmapData = new BitmapData(cvs.width, cvs.height, true, 0); var matrix:Matrix = new Matrix(); var rectangle:Rectangle = new Rectangle(0,0,cvs.width,cvs.height*1); var delta:Point = matrix.transformPoint(new Point(0,cvs.height)); matrix.tx = delta.x*-1; matrix.ty = (delta.y-cvs.height)*-1; bitmapData.draw(cvs, matrix, null, null, rectangle, true); bitmap.bitmapData.dispose(); bitmap.bitmapData = bitmapData; img.addChild(bitmap); } private function btnClick():void{ drawImage(); } ]]> </mx:Script> <mx:Button x="485" y="148" label="Draw" click=" btnClick()"/> <mx:Image id="img" x="45" y="264" width="383" height="220"/> </mx:Application>