Pergunta

Eu preciso para transformar imagens bitmap com seus 4 pontos de canto transportado de um local para outro.

Qualquer código que pode ser executado no Windows, C # / VB.NET preferência, mesmo ajuda como usar programas de script como Paint.NET ou Photoshop seria aceito. O Java Advanced Imaging sons API esperançoso.

Eu preciso dele para um sistema de manipulação de imagem, que permite obter tais efeitos:

text alt
(fonte: wholetomato.com )

Foi útil?

Solução

Confira o Perspectiva entortar exemplos de ImageMagick . Ele está disponível para a maioria das plataformas tradicionais.

Outras dicas

A palavra-chave aqui é homografia . Manolis Lourakis tem escrito uma implementação homografia GPL'ed em C que está disponível aqui ; no entanto, isso não será capaz de ser portado muito facilmente porque depende de algumas bibliotecas externas, como LAPACK .

Disclaimer: Eu trabalho em Atalasoft

Se você está disposto a ir comercial, DotImage foto pode fazer isso com o QuadrilateralWarpCommand. Amostra C # Code

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

Mais fácil do que simula uma distorção perspectiva usando manipulação de imagem, você pode usar OpenGL ou DirectX (XNA) para realmente executar a exibição perspectiva.

Render um quad simples com a sua imagem como o mapa de textura. Setup sua cena, render a um buffer, e você tem sua imagem.

Atualizar Acontece que XNA é uma biblioteca ridículo (voltado para fazer jogos e nada mais, bocejo). Managed DirectX requer uma lobotomia cérebro. OpenGL é fácil de usar, mas não tem imagem do código de carregamento. Isso nos deixa com WPF:

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

A imagem pode ser melhorada por forçar WPF para o modo anti-alias (por que oh por que a Microsoft está tão míope?), E não usando Aero vidro que forças que borda preta de 1 pixel em todas as imagens (ou removendo que 1 pixel fronteira).

(Desculpem o comprimento deste código, mas WPF é uma API falador.)

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 o XAML necessário:

<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>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top