Imágenes de transformación de 4 puntos

Question

Necesito transformar imágenes de mapa de bits con sus 4 puntos de esquina movidos de una ubicación a otra.

Cualquier código que pueda ejecutarse en Windows, C # / VB.NET preferiblemente, incluso ayuda a utilizar programas programables como Paint.NET o Photoshop serían aceptados. La API de Java Advanced Imaging suena optimista.

Lo necesito para un sistema de manipulación de captura de pantalla, que le permite obtener tales efectos:

_{(fuente: wholetomato.com )}

Answer 1

Consulte los Ejemplos de deformación en perspectiva de ImageMagick . Está disponible para la mayoría de las plataformas principales.

Answer 2

La palabra clave aquí es homografía . Manolis Lourakis ha escrito una implementación de homografía GPL en C que está disponible aquí ; sin embargo, esto no podrá ser portado muy fácilmente porque se basa en algunas bibliotecas externas como LAPACK .

Answer 3

Descargo de responsabilidad: trabajo en Atalasoft

Si está dispuesto a comercializar, DotImage Photo puede hacer esto con QuadrilateralWarpCommand. Código C # de muestra

// 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

Más fácil que simular una distorsión de perspectiva utilizando la manipulación de imágenes, puede usar OpenGL o DirectX (XNA) para realizar la visualización en perspectiva.

Renderiza un quad simple con tu imagen como el mapa de textura. Configura tu escena, renderiza en un búfer y tendrás tu imagen.

Actualización Resulta que XNA es una biblioteca ridícula (orientada a hacer juegos y nada más, bostezar). DirectX administrado requiere una lobotomía cerebral. OpenGL es fácil de usar, pero carece de código de carga de imágenes. Eso nos deja con WPF:

texto alternativo http://praeclarum.org/so/persp.png

La imagen podría mejorarse forzando a WPF a usar el modo anti-alias (¿por qué oh por qué Microsoft es tan miope?), y al no utilizar el vidrio Aero que fuerza ese borde negro de 1 píxel en todas las capturas de pantalla (o al eliminar ese borde de 1 píxel).

(Perdón por la longitud de este código, pero WPF es una API conversadora).

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];
    }
}

Y el XAML requerido:

<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>