Distorcere Immagini con GDIplus (soluzione)

Cristian Merighi (sabato 30 settembre 2006)

Una possibile soluzione su come distorcere un'immagine, utilizzando le API GDI+ del .NET Framework, fornendo 4 punti per il processo di distorsione.

Questo articolo è da considerarsi obsoleto. Alcune funzionalità potrebbero non essere più disponibili e non è possibile aggiungere commenti.

Questo articolo prosegue la trattazione iniziata circa una settimana fa a cui rimando.

Il problema in sé è stato risolto utilizzando, come direbbe il buon vecchio Euclide, riga e compasso.
(Per una visione geometrica del problema rifarsi a questo articolo).

Di seguito è possibile testare, inserendo valori a piacere, il funzionamento del metodo di distorsione:

top-left corner:	,
top-right corner:	,
bottom-left corner:	,
bottom-right corner:	,

In caso di feedback positivo e sufficientemente numeroso penso di predisporre un WebService o un sistema di distribuzione dell'oggetto. Fatemi sapere...

« download code

Take care. Bye.

Feedbacks

Re: Distort Images with GDIplus (solution)
spart3b sabato 30 settembre 2006
Excellent! Now where is the downloads section!? ;) All seriousness though, I'd love to see how you did this.
Re: Distort Images with GDIplus (solution)
CMerighi domenica 1 ottobre 2006
Code has been added, as requested... (Please refer about bugs or malfunctions)
Re: Distort Images with GDIplus (solution)
spart3b martedì 3 ottobre 2006
Very interesting solution, I grasp it, but there are a lot of missing pieces code-wise. Any chance on getting the help helper functions used in Distort posted? (GetAngularCoefficient, GetIntersection, MakeTransparent)
Re: Distort Images with GDIplus (solution)
CMerighi martedì 3 ottobre 2006
They are included in the .cs file (see the "MATH UTIL" #region) and they're accompanied by relevant comment... Except for "MakeTransparent": that's a System.Drawing.Bitmap class method. If you need more comments between the rows (in the Distort method body), I promise I'll add some as soon as I can (always daily job permitting)!
Re: Distort Images with GDIplus (solution)
spart3b venerdì 22 dicembre 2006
Hey Cristian - getting back into this project and I was wondering if I could get a copy of the test app above? I had to tweak a couple things in the Image class and I'm not getting the desired results - however your test above works beautifully. Let me know! Thanks!
Re: Distort Images with GDIplus (solution)
CMerighi venerdì 22 dicembre 2006
I'm starting to receive several requests about my GDI+ component, that makes me really happy! I've added to the zip file the exact ashx I use to flush the distorted sample image (hope that would help). I cannot expose my Pacem.Drawing.Image class: there are other interesting features (<a href="http://www.pacem.it/en-US/31/Pacem-XC-images-gdiplus.aspx">see here</a>) I intend to keep hidden. I'm also working to a new version of my site which will permit to acquire that and other Libraries, but that will be available only in the early months of 2007...
Re: Distort Images with GDIplus (solution)
spart3b sabato 23 dicembre 2006
Thanks for the quick response! Glad to hear your getting some interest, it's good work. One thing though, I mentioned above that something is a bit off with my implementation. I modified the distort function to accept a bitmap object as input (the image to be distorted) and to return a bitmap objected (the distorted image). However I am getting some crazy looking results. Any way you could make an override on the Distort class that took that additional input and returned the distorted Bitmap object? When you have time of course! Thanks in advance!
Re: Distort Images with GDIplus (solution)
spart3b sabato 23 dicembre 2006
Ah hah! You got me with the A, B, D, C point parameter situation. Working now, thanks!
Re: Distort Images with GDIplus (solution)
CMerighi sabato 23 dicembre 2006
...you're welcome :)
Re: Distort Images with GDIplus (solution)
Ribonix sabato 10 febbraio 2007
ho inserito i tuoi sorgenti e l'immagine su un server ma non riesco ad eseguirli. Non riesci a fare qualcosa di simile anche in VB anzichè in C sempre su piattaforma asp.net. Grazie Grazie.
Re: Distort Images with GDIplus (solution)
CMerighi domenica 11 febbraio 2007
Ciao Robonix, In realtà non è previsto che i file scaricabili in questo articolo funzionino così come sono: il metodo "Distort", ad esempio, agisce su un oggetto System.Drawing.Bitmap dichiarato altrove nella classe Pacem.Drawing.Image. Lo scopo dell'articolo è quello di riportare esaustivamente un algoritmo in grado di distorcere un'immagine dati quattro punti qualsiasi. Sta poi al singolo sviluppatore accorpare tale funzionalità al proprio progetto secondo le modalità che preferisce. Il codice è in sintassi C# 2.0 ma ci sono sul web tools in grado di tradurre il tutto in un più familiare VB (<a href="http://www.developerfusion.co.uk/utilities/convertcsharptovb.aspx" target="_blank">esempio</a>). Se possiedi un po' di dimestichezza cogli oggetti GDI+ non ti dovrebbe risultare complicato assemblare del codice funzionante a partire da quello provvisto. Fammi sapere...
Re: Distort Images with GDIplus (solution)
Ribonix martedì 13 febbraio 2007
Scusa la mia ignoranza. E' da poco che ho iniziato ad utilizzare l'ASP.NET. Ho qualche infarinatura di C# ma proprio non riesco a capire come creare del codice funzionante con il materiale che hai gentilmente fornito. Grazie e scusa del disturbo.
Re: Distort Images with GDIplus (solution)
CMerighi mercoledì 14 febbraio 2007
Mmmhh... vedo cosa posso fare: compatibilmente coi miei impegni (e coi problemi di connettività che al momento mi affliggono!) conto di approntare una solution completa in VB.Net funzionante. Spero di farti cosa gradita...
Re: Distort Images with GDIplus (solution)
Ribonix mercoledì 14 febbraio 2007
Grazie mille.
Re: Distort Images with GDIplus (solution)
CMerighi venerdì 16 febbraio 2007
...come promesso. Scarica il progetto VB.Net da <a href="http://www.pacem.it/CMerighi/Posts/40,it-IT/Distorsione_delle_Immagini_-_Progetto_in_VB.Net.aspx">qui</a>.
Re: Distort Images with GDIplus (solution)
Ribonix domenica 18 febbraio 2007
Fantastico!!! Sarà stata forse la fretta di far funzionare il tutto ma all'inizio ho avuto qualche difficoltà a far funzionare i tuoi nuovi sorgenti. Non avevo capito che tutti i sorgenti e la directory con il file .VB dovevano risiedere nella root del sito. Li avevo messi tutti in una directory della root del sito (volutamente chiamata PACEM) tranne il file web.config che ho messo direttamente in root. Ovviamente ho ancora molto da imparare!!! Funziona tutto. Ora il mio passo successivo è quello di far coesistere più immagini distorte nella stessa immagine finale. Immagina ad esempio un corridoio che si estende all'infinito con immagini laterali... Ti faccio i miei complimenti e ti ringrazio per la disponibilità e, se me lo consenti, ti auguro tante cose belle nella vita! Ciao
Re: Distort Images with GDIplus (solution)
CMerighi domenica 18 febbraio 2007
...accetto l'augurio eccome! ;)
Re: Distort Images with GDIplus (solution)
Ribonix giovedì 5 aprile 2007
Scusami... ti stresso ancora. Ho provato a procedere da solo tutto questo tempo ma come puoi vedere sono ancora qui. Non riesco a fare in modo che più immagini distorte coesistano in un'unica immagine. Probabilmente non riesco a comprendere appieno le istruzioni del programma. Ciao, grazie e Buona Pasqua.
Re: Distort Images with GDIplus (solution)
CMerighi venerdì 6 aprile 2007
In realtà nel codice che ho reso disponibile non ci sono metodi che permettano di fare tutto ciò. Quello che chiedi però si può "tranquillamente" fare, con le seguenti modalità: dovresti costruirti gli n oggetti Bitmap (tanti quante sono le immagini da distorcere ed assemblare), più un n+1-esimo dentro il quale disegnare le altre immagini ognuna nella posizione desiderata. Fa' riferimento agli oggetti System.Drawing.Graphics (ed in particolar modo al metodo DrawImage) e System.Drawing.Bitmap. Forse ti può risultare utile <a href="http://www.pacem.it/CMerighi/Posts/15,it-IT/GDIplus_e_C%23_rating.aspx">questo articolo</a>, nel quale illustro come sovrapporre più immagini usando le API GDI+ del .Net Framework. Spero ti sia utile.
Re: Distort Images with GDIplus (solution)
Ribonix giovedì 24 maggio 2007
Ciao, eccomi ancora qui. Come vedi ho cercato di non recarti ulteriore fastidio e di proseguire "tranquillamente" da solo. Ma nonostante siano passati 2 mesi non riesco ad andare avanti. Mi reputo abbastanza in grado di inserire più immagini all'interno di un'altra immagine. Ma quando si tratta di inserire più immagini distorte all'interno di un'immagine finale usando i tuoi sorgenti ho ancora grosse difficoltà. E' per questo che ti chiedo se puoi pubblicare del codice che mostri come applicare questa possibilità. Grazie ancora e scusa x il disturbo.
Re: Distort Images with GDIplus (solution)
CMerighi venerdì 25 maggio 2007
...vedo di fare il possibile, anche se questo non è il periodo migliore: sono piuttosto preso e - come puoi notare - non riesco nemmeno a scrivere nuovi articoli sul blog! Spero di riuscire ad accontentarti quanto prima
Re: Distort Images with GDIplus (solution)
Ribonix venerdì 25 maggio 2007
Non c'è fretta. Sei stato gentilissimo. Ciao
Re: Distort Images with GDIplus (solution)
Carlos sabato 23 febbraio 2008
Any chance to have a Visual Basic 6 sample project? Thank you in advance.
Re: Distort Images with GDIplus (solution)
CMerighi domenica 24 febbraio 2008
Sorry Carlos, a VB.Net (8) version for this project and also a correction to the algorithms have already been posted on this blog: - <a href="http://www.pacem.it/CMerighi/Posts/40,en-US/VB.Net_Project_for_Images_Distortion.aspx">www.pacem.it/.../VB.Net_Project_for_Images_Distortion.aspx</a> - <a href="http://www.pacem.it/CMerighi/Posts/61,en-US/Image_Distortion_Enhancements.aspx">www.pacem.it/.../Image_Distortion_Enhancements.aspx</a> but I unfortunately do not manage older technologies like VB6...
Re: Distort Images with GDIplus (solution)
Carlos martedì 26 febbraio 2008
Thank you CMerighi.
Re: Distort Images with GDIplus (solution)
Matt sabato 30 agosto 2008
Great article! One question though, Luke talks about his image being a transparent png but in the sample it's a JPG and the background color is black. I've tried changing the ImageFormat and the content-type to png with no luck. Any suggestiosn?
Re: Distort Images with GDIplus (solution)
CMerighi domenica 31 agosto 2008
Hi Matt, please check if <a href="http://www.pacem.it/CMerighi/Posts/61,en-US/Image_Distortion_Enhancements.aspx">this</a> article and relevant code result useful for you.
Re: Distort Images with GDIplus (solution)
Daniel Ribeiro sabato 7 febbraio 2009
Hi CMerighi, nice work! I was using this code for a while and it's very handy, but I'm having some performance problems and I'm looking for an enhanced version of this code, some that can use the WPF on .NET 2008 or use hardware acceleration to do image Distortion Faster. Is any chance to you discuss some changes like that? Thanks a lot!