flash - 这种布局叫什么？实现它的想法？

Question

http://www.uniqlo.com/utzoom/

有人知道这叫做 ar 是什么样的布局/安排吗？

知道如何创建这种随机和动态的东西吗？

Answer 1

在 Flex 中，您可以使用 Image Manipulation 来实现所需的效果 - 请参阅http://www.insideria.com/2008/03/image-manipulation-in-flex.html：

private var original:BitmapData;
private static const MAX_WIDTH:uint = 2880;
private static var MAX_HEIGHT:uint = 2880;


private function loadImage(url:String):void
{
 var request:URLRequest = new URLRequest(url);

    var imageLoader:Loader = new Loader();
 imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, image_completeHandler);
    // add other listeners here
    imageLoader.load(request)
}

private function image_completeHandler(event:Event):void
{
    var bmd:BitmapData = Bitmap(event.currentTarget.content).bitmapData;

    var originalWidth:Number = bmd.width;
    var originalHeight:Number = bmd.height;
    var newWidth:Number = originalWidth;
    var newHeight:Number = originalHeight;

    var m:Matrix = new Matrix();

    var scaleX:Number = 1;
    var scaleY:Number = 1;

    if (originalWidth > MAX_WIDTH || originalHeight > MAX_HEIGHT)
    {
        sx =  MAX_WIDTH / originalWidth;
        sy = MAX_HEIGHT / originalHeight;
        var scale:Number = Math.min(sx, sy);
        newWidth = originalWidth * scale;
        newHeight = originalHeight * scale; 
    }
    m.scale(scale, scale);
    original = new BitmapData( newWidth, , newHeight); 

    original.draw(bmd, m);

}

旋转要使用矩阵来旋转图像，您可以使用适当的参数创建一个新矩阵

var q:Number  = 30 * Math.PI / 180 // 30 degrees in radians

var m:Matrix = new Matrix(Math.cos(q), Math.sin(q), -1 * Math.sin(q), Math.cos(q));

//or as a shortcut use the rotate method

var m:Matrix = new Matrix();

m.rotate(q) ;

当您在 Flash Player 中旋转某些东西时，它将围绕其注册点旋转。默认情况下，这是左上角。如果要围绕不同的点旋转它，则需要将其向负方向偏移，进行旋转，然后将其放回原处。

var m:Matrix = new Matrix();

// rotate around the center of the image

var centerX:Number = image.width / 2;

var centerY:Number = image.height /2;

m.translate(-1 * centerX, -1 * centerY);

m.rotate(q);

m.translate(centerX, centrerY);

翻转 翻转和图像是一个 2 步过程。第一步是将当前的 scaleX 和/或 scaleY 乘以 -1，第二步是调整 x 和 y 位置。当您翻转和成像时，注册点不会改变，并且会以相反的方向绘制。为了补偿，您需要将 x 位置更改为宽度，将 y 位置更改为高度。

var m:Matrix = new Matrix();

m.scale(-1, 0); // flip horizontal assuming that scaleX is currently 1

m.translate(image.width, 0); // move its x position by its width to put it in the upper left corner again