(AS3)利用BitmapData.draw對位圖進行翻轉縮放操作

Sprite對象有2個關於縮放的屬性scaleX、scaleY，分別是縮放x軸和y軸。

看下面代碼：

 

 
          var c:Sprite = new Sprite; 
          
c.x = 200; 
          
addChild(c); 
          
 
          
 
          var s:Sprite = new Sprite; 
          
s.graphics.beginFill(0xff0000); 
          
s.graphics.drawRect(0,0,100,100); 
          
s.graphics.endFill(); 
          
s.graphics.beginFill(0x00ff00); 
          
s.graphics.drawRect(100,0,100,100); 
          
s.graphics.endFill(); 
          
c.addChild(s); 
          
 
          
 
          // 
          s.scaleX = -1; 
         

 

下圖分別是注釋和沒注釋最后一句代碼的運行結果：

 

把注釋去掉可以發現，該對象已經水平翻轉了一下，不過看過來卻好像坐標往左移了200個像素，實際上只是像素變了，坐標並沒有變。

不過這里可以發現，當把scaleX會水平翻轉，那scaleY會怎么樣呢？沒錯，是垂直翻轉了！

 

由此為基礎，使用BitmapData.draw，配合Matrix，就可以實現一個位圖或者對象的水平翻轉和垂直翻轉，下面是實現代碼：

 

           package org.easily.utils 
          
{ 
          
     
          import flash.display.BitmapData; 
          
     
          import flash.geom.Matrix; 
          
 
          
     
          public  
          class BitmapDataUtils 
          
    { 
          
         
          // 
          水平翻轉一個位圖 
          
         
          public  
          static  
          function flipHorizontal(bmpData:BitmapData, transparent: 
          Boolean =  
          true, fillColor:uint = 0):BitmapData 
          
        { 
          
             
          var matrix:Matrix = new Matrix(); 
          
            matrix.a = -1; 
          
            matrix.tx = bmpData.width; 
          
             
          var bmpData_:BitmapData = new BitmapData(bmpData.width, bmpData.height, transparent, fillColor); 
          
            bmpData_.draw(bmpData, matrix); 
          
             
          return bmpData_; 
          
        } 
          
         
          
         
          // 
          垂直翻轉一個位圖 
          
         
          public  
          static  
          function flipVertical(bmpData:BitmapData, transparent: 
          Boolean =  
          true, fillColor:uint = 0):BitmapData 
          
        { 
          
             
          var matrix:Matrix = new Matrix(); 
          
            matrix.d = -1; 
          
            matrix.ty = bmpData.height; 
          
             
          var bmpData_:BitmapData = new BitmapData(bmpData.width, bmpData.height, transparent, fillColor); 
          
            bmpData_.draw(bmpData, matrix); 
          
             
          return bmpData_; 
          
        } 
          
         
          
         
          // 
          縮放位圖 
          
         
          public  
          static  
          function scaleBitmapData(bmpData:BitmapData, scaleX: 
          Number, scaleY: 
          Number):BitmapData 
          
        { 
          
             
          var matrix:Matrix = new Matrix(); 
          
            matrix.scale(scaleX, scaleY); 
          
             
          var bmpData_:BitmapData = new BitmapData(scaleX * bmpData.width, scaleY * bmpData.height,  
          true, 0); 
          
            bmpData_.draw(bmpData, matrix); 
          
             
          return bmpData_; 
          
        } 
          
    } 
          
} 
         

 

 

最后一個縮放位圖的方法適用於等比例縮放一個對象，位圖引擎里面應該也有類似的實現。