Immagini di trasformazione a 4 punti

Question

Devo trasformare le immagini bitmap con i loro 4 punti d'angolo spostati da una posizione all'altra.

Qualsiasi codice che può essere eseguito su Windows, C # / VB.NET preferibilmente, aiuta anche come utilizzare programmi di script come Paint.NET o Photoshop sarebbe accettato. L'API Java Advanced Imaging sembra promettente.

Ne ho bisogno per un sistema di manipolazione degli screenshot, che ti consente di ottenere tali effetti:

_{(fonte: wholetomato.com )}

Answer 1

Guarda gli Warping in prospettiva da esempi ImageMagick . È disponibile per la maggior parte delle piattaforme tradizionali.

Answer 2

La parola chiave qui è omografia . Manolis Lourakis ha scritto un'implementazione di omografia GPL in C disponibile qui ; tuttavia, questo non potrà essere trasferito molto facilmente perché si basa su alcune librerie esterne come LAPACK .

Answer 3

Dichiarazione di non responsabilità: lavoro presso Atalasoft

Se sei disposto a fare pubblicità, DotImage Photo può farlo con il QuadrilateralWarpCommand. Codice C # di esempio

// Load an image.
AtalaImage image = new AtalaImage("test-image.jpg");

// Prepare the warp positions.
Point bottomLeft = new Point(100, image.Height - 80);
Point topLeft = new Point(130, 45);
Point topRight = new Point(image.Width - 60, 140);
Point bottomRight = new Point(image.Width - 20, image.Height);

// Warp the image.
QuadrilateralWarpCommand cmd = new QuadrilateralWarpCommand(bottomLeft,
   topLeft, topRight, bottomRight, InterpolationMode.BiLinear, Color.White);
AtalaImage result = cmd.Apply(image).Image;

http://www.atalasoft.com/products/dotimage

Answer 4

Più facile che simulare una distorsione prospettica usando la manipolazione delle immagini, potresti usare OpenGL o DirectX (XNA) per eseguire effettivamente la visualizzazione prospettica.

Rendi un semplice quad con la tua immagine come mappa texture. Imposta la tua scena, esegui il rendering su un buffer e avrai la tua immagine.

Aggiorna Si scopre che XNA è una libreria ridicola (orientata alla creazione di giochi e nient'altro, sbadiglio). Managed DirectX richiede una lobotomia cerebrale. OpenGL è facile da usare, ma manca di codice per il caricamento delle immagini. Questo ci lascia con WPF:

alt text http://praeclarum.org/so/persp.png

L'immagine potrebbe essere migliorata forzando WPF in modalità anti-alias (perché oh perché Microsoft sei così miope?) e non usando il vetro Aero che forza quel bordo nero di 1 pixel su tutti gli screenshot (o rimuovendo quel bordo di 1 pixel).

(Ci scusiamo per la lunghezza di questo codice, ma WPF è un'API loquace.)

public partial class Window1 : Window {
    const float ANGLE = 30;
    const float WIDTH = 8;
    public Window1() {
        InitializeComponent();

        var group = new Model3DGroup();
        group.Children.Add(Create3DImage(@"C:\Users\fak\Pictures\so2.png"));
        group.Children.Add(new AmbientLight(Colors.White));

        ModelVisual3D visual = new ModelVisual3D();
        visual.Content = group;
        viewport.Children.Add(visual);
    }

    private GeometryModel3D Create3DImage(string imgFilename) {
        var image = LoadImage(imgFilename);

        var mesh = new MeshGeometry3D();
        var height = (WIDTH * image.PixelHeight) / image.PixelWidth;
        var w2 = WIDTH / 2.0;
        var h2 = height / 2.0;
        mesh.Positions.Add(new Point3D(-w2, -h2, 0));
        mesh.Positions.Add(new Point3D(w2, -h2, 0));
        mesh.Positions.Add(new Point3D(w2, h2, 0));
        mesh.Positions.Add(new Point3D(-w2, h2, 0));
        mesh.TriangleIndices.Add(0);
        mesh.TriangleIndices.Add(1);
        mesh.TriangleIndices.Add(2);
        mesh.TriangleIndices.Add(0);
        mesh.TriangleIndices.Add(2);
        mesh.TriangleIndices.Add(3);
        mesh.TextureCoordinates.Add(new Point(0, 1)); // 0, 0
        mesh.TextureCoordinates.Add(new Point(1, 1));
        mesh.TextureCoordinates.Add(new Point(1, 0));
        mesh.TextureCoordinates.Add(new Point(0, 0));

        var mat = new DiffuseMaterial(new ImageBrush(image));
        mat.AmbientColor = Colors.White;

        var geometry = new GeometryModel3D();
        geometry.Geometry = mesh;
        geometry.Material = mat;
        geometry.BackMaterial = mat;

        geometry.Transform = new RotateTransform3D(
            new AxisAngleRotation3D(new Vector3D(0,1,0), ANGLE),
            new Point3D(0, 0, 0));

        return geometry;
    }

    public static BitmapSource LoadImage(string filename) {
        return BitmapDecoder.Create(new Uri(filename, UriKind.RelativeOrAbsolute),
            BitmapCreateOptions.None, BitmapCacheOption.Default).Frames[0];
    }
}

E l'XAML richiesto:

<Window x:Class="Persp.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Perspective Window" Height="480" Width="640">
<Grid>
    <Viewport3D x:Name="viewport">
        <Viewport3D.Resources>
        </Viewport3D.Resources>
        <Viewport3D.Camera>
            <PerspectiveCamera x:Name="cam"
                  FarPlaneDistance="100"
                  LookDirection="0,0,-1"
                  UpDirection="0,1,0"
                  NearPlaneDistance="1"
                  Position="0,0,10"
                  FieldOfView="60" />
        </Viewport3D.Camera>
    </Viewport3D>
</Grid>
</Window>