使用as3调整图像大小

Question

我正在构建一个投资组合网站，当用户单击缩略图时，该网站会动态加载大型高分辨率图像。但是，在调整原始图像的大小以适应当前浏览器时，我在保持原始图像的质量方面遇到了问题。

目前我只是调整宽度和宽度图像的高度属性与舞台的宽度成比例，这可以很好地使其适合，但是我不知道如何保持图像质量？我是否需要将其加载为位图并重绘/平滑或类似的东西？

这是我当前正在使用的适当代码：

var req:URLRequest = new URLRequest("images/101.jpg");
var loader:Loader = new Loader();

var widthRatio:Number;
var heightRatio:Number;

function imageLoaded(e:Event):void
{
 //add image to stage
 addChild(loader);


 // resize proportionally
 if (loader.width > stage.stageWidth){
  widthRatio=loader.width/stage.stageWidth;
  trace(widthRatio)
  trace(loader.width);
 }
 if (loader.height > stage.stageHeight){
  heightRatio=loader.height/stage.stageHeight;
  trace(heightRatio)
  trace(loader.height)
 }

 if (widthRatio > heightRatio){
  loader.width = stage.stageWidth;
  loader.height = loader.height/widthRatio;
 } else {
  loader.height = stage.stageHeight;
  loader.width = loader.width/heightRatio;
 }

 //centre on stage
 loader.x=stage.stageWidth/2 - loader.width/2;
 loader.y=stage.stageHeight/2 - loader.height/2;

}

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
loader.load(req);

Answer 1

查看位图平滑。

您的 Loader 将有一个 content 属性 它将是一个位图。将其smoothing 设置为 true。

function imageLoaded(e:Event):void
{
    //add image to stage
    addChild(loader);
    Bitmap(loader.content).smoothing = true;

    // ...

它使图像有点模糊，但在大多数情况下这是一个显着的改进。