·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]as3中的BitmapData.draw实例实现位图翻转缩放定位

时间:2013-08-08 00:18cuplayer
[AS3]as3中的BitmapData.draw实例实现位图翻转缩放定位,Sprite对象有2个关于缩放的属性scaleX、scaleY,分别是缩放x轴和y轴

Sprite对象有2个关于缩放的属性scaleX、scaleY,分别是缩放x轴和y轴。

看下面代码:

  1. var c:Sprite = new Sprite; 
  2. c.x = 200
  3. addChild(c); 
  4. var s:Sprite = new Sprite; 
  5. s.graphics.beginFill(0xff0000); 
  6. s.graphics.drawRect(0,0,100,100); 
  7. s.graphics.endFill(); 
  8. s.graphics.beginFill(0x00ff00); 
  9. s.graphics.drawRect(100,0,100,100); 
  10. s.graphics.endFill(); 
  11. c.addChild(s); 
  12. //s.scaleX = -1; 

下图分别是注释和没注释最后一句代码的运行结果:

把注释去掉可以发现,该对象已经水平翻转了一下,不过看过来却好像坐标往左移了200个像素,实际上只是像素变了,坐标并没有变。

不过这里可以发现,当把scaleX会水平翻转,那scaleY会怎么样呢?没错,是垂直翻转了!

 由此为基础,使用BitmapData.draw,配合Matrix,就可以实现一个位图或者对象的水平翻转和垂直翻转,下面是实现代码:

  1. package org.easily.utils 
  2.     import flash.display.BitmapData; 
  3.     import flash.geom.Matrix; 
  4.  
  5.     public class BitmapDataUtils 
  6.     { 
  7.         //酷播CuPlayer.com提示:水平翻转一个位图 
  8.         public static function flipHorizontal(bmpData:BitmapData, transparent:Boolean = truefillColor:uint = 0):BitmapData 
  9.         { 
  10.             var matrix:Matrix = new Matrix(); 
  11.             matrix.a = -1; 
  12.             matrix.tx = bmpData.width; 
  13.             var bmpData_:BitmapData = new BitmapData(bmpData.width, bmpData.height, transparent, fillColor); 
  14.             bmpData_.draw(bmpData, matrix); 
  15.             return bmpData_; 
  16.         } 
  17.          
  18.         //酷播CuPlayer.com提示:垂直翻转一个位图 
  19.         public static function flipVertical(bmpData:BitmapData, transparent:Boolean = truefillColor:uint = 0):BitmapData 
  20.         { 
  21.             var matrix:Matrix = new Matrix(); 
  22.             matrix.d = -1; 
  23.             matrix.ty = bmpData.height; 
  24.             var bmpData_:BitmapData = new BitmapData(bmpData.width, bmpData.height, transparent, fillColor); 
  25.             bmpData_.draw(bmpData, matrix); 
  26.             return bmpData_; 
  27.         } 
  28.          
  29.         //酷播CuPlayer.com提示:缩放位图 
  30.         public static function scaleBitmapData(bmpData:BitmapData, scaleX:Number, scaleY:Number):BitmapData 
  31.         { 
  32.             var matrix:Matrix = new Matrix(); 
  33.             matrix.scale(scaleX, scaleY); 
  34.             var bmpData_:BitmapData = new BitmapData(scaleX * bmpData.width, scaleY * bmpData.height, true, 0); 
  35.             bmpData_.draw(bmpData, matrix); 
  36.             return bmpData_; 
  37.         } 
  38.     } 

 最后一个缩放位图的方法适用于等比例缩放一个对象,位图引擎里面应该也有类似的实现。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器