(AS3)利用BitmapData.draw对位图进行翻转缩放操作
2012-04-27 16:36
423 查看
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;
下图分别是注释和没注释最后一句代码的运行结果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/599cd35a03d3adcb3acc20e69f28b8d9.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/57b1d8119494f28d37d3c41daf4f2691.jpg)
把注释去掉可以发现,该对象已经水平翻转了一下,不过看过来却好像坐标往左移了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_;
}
}
}
最后一个缩放位图的方法适用于等比例缩放一个对象,位图引擎里面应该也有类似的实现。
看下面代码:
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;
下图分别是注释和没注释最后一句代码的运行结果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/599cd35a03d3adcb3acc20e69f28b8d9.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/57b1d8119494f28d37d3c41daf4f2691.jpg)
把注释去掉可以发现,该对象已经水平翻转了一下,不过看过来却好像坐标往左移了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_;
}
}
}
最后一个缩放位图的方法适用于等比例缩放一个对象,位图引擎里面应该也有类似的实现。
相关文章推荐
- (转AS3)利用BitmapData.draw对位图进行翻转缩放操作
- 利用python进行数据分析之dataframe的常见操作
- 利用Jimi进行图片缩放操作
- [AS3] 解决BitmapData.draw()安全沙箱问题!
- 对RTMP视频流进行BitmapData.draw()出错的解决办法
- Context3D类中的drawToBitmapData方法(将GPU缓冲区数据写到位图中)
- as3 影片剪辑(MovieClip)转换为位图(BitmapData)
- C#利用SqlDataAdapte对DataTable进行批量数据操作
- Flash:利用Bitmapdata,ColorTransform,DrawPath,制造绚丽效果
- as3中bitmapData中draw方法重新理解
- AS3对外部加载的位图进行九宫格缩放
- 第四课 ADO.NET 利用sqldataadapter来进行增,删,改操作。
- 关于bitmapdata.draw中平移和缩放的参数设置
- 利用Python进行数据分析(8) pandas基础: Series和DataFrame的基本操作
- Cumulus RTMFP实现P2P视频流如何调用BitMapData.draw()进行截图?
- UITableView,UICollectionView和CoreData完美结合进行增删改操作,如何导入大量数据,如何利用NSEntityMigrationPol
- [ActionScript 3.0] AS3中的位图(BitmapData)应用
- Android 绘图基础:Bitmap(位图)与Matrix(矩阵)实现图片5种操作(平移、旋转、错切、缩放、对称)
- 关于bitmapdata.draw中平移和缩放的参数设置
- iOS 使用手势UIGestureRecognizer对图像进行缩放、移动、旋转等操作