Flash位图锯齿的处理办法
实际应用中,经常会遇到,需要将一个位图进行缩放显示的情况,在不进行处理的情况下,位图的缩放处理会导致显示出的图片有比较明显的锯齿产生。
不能像矢量图一样运动平滑。而解决这个问题,只要一个小设置就好多了。
总的来说,有两种处理办法:在库中进行设置 和 在程序中进行处理
一. 库内位图反锯齿
位图在flash里的锯齿现象经常困扰我们,这里我做了一个小小的测试,可以让大家对不同设置下的锯齿现象有更清晰的了解。
我们选择位图的属性可以出现以下设置:
允许平滑项在选择后,可以有效的防止位图运动时的抖动现象。
压缩项可以设置位图压缩率,从而控制输出的swf的大小。
------------------------------------------------------------------------------
二. 外部调用位图反锯齿
关于外部调用,则需要代码辅助才能实现,但可能吃掉很多cpu的运算
import flash.display.BitmapData;
可以用MovieClip.attachBitmap中的一个smooth参数的设置,来进行平滑处理。具体的自己查看帮助
---------
smooth设置为true
---------------
import flash.display.BitmapData;
/*************加载******************/
var container1:MovieClip = createEmptyMovieClip("container1", getNextHighestDepth());
var container2:MovieClip = createEmptyMovieClip("container2", getNextHighestDepth());
var loader1:MovieClipLoader = new MovieClipLoader();
var loader2:MovieClipLoader = new MovieClipLoader();
var obj:Object = new Object();
obj.onLoadInit = function(target:MovieClip) {
trace("onLoadInit");
loaderDispose(target);
};
loader1.addListener(obj);
loader1.loadClip("2.jpg", container1);
loader2.addListener(obj);
loader2.loadClip("2.jpg", container2);
/**********图片处理***************/
var bitmapLoader1:MovieClip = createEmptyMovieClip("Bloader1", getNextHighestDepth());
var bitmapLoader2:MovieClip = createEmptyMovieClip("Bloader2", getNextHighestDepth());
var bitmap1:BitmapData;
var bitmap2:BitmapData;
function loaderDispose(mc:MovieClip) {
mc._visible = false;
/*******不平滑*******/
if (mc._name == "container1") {
bitmap1 = new BitmapData(mc._width, mc._height, true, 0x00FFFFFF);
bitmap1.draw(mc);
bitmapLoader1.attachBitmap(bitmap1, 0);
bitmapLoader1._x = -50;
bitmapLoader1._xscale = bitmapLoader1._yscale=250;
} else {
/******平滑处理*******/
bitmap2 = new BitmapData(mc._width, mc._height, true, 0x00FFFFFF);
bitmap2.draw(mc);
bitmapLoader2.attachBitmap(bitmap2, 1, "auto", true);
//主要就是这个smooth参数,true表示平滑
bitmapLoader1._x = -50;
bitmapLoader2._y = 300;
bitmapLoader2._xscale = bitmapLoader2._yscale=250;
}
}