distortion

I have a typical source image with a 3:4 aspect ratio. I also have a set of coordinates that I need to map the image onto in a separate image. The coordinates are not perfectly rectangular; if anything they define an irregular mesh. So for example, (0,0) might map to (12,33), (120,0) => (127,36), (240,0)=>(226,13), etc. My goal is to get my source image to fit onto the new shape by mapping the source coordinates to the destination and applying distortion. What are some ways to accomplish this? I'm using .NET but am fine calling out to e.g. ImageMagick. EDIT: As requested, here's a picture. The

I want to implement distortion effects on image in Android. I did the same in iOS(iPhone and iPad) by using GPUImage framework. Is there any framework or library available in Android to do the same. I want to implement following distortion effects in Android. pinch distortion swirl distortion bulge distortion stretch distortion Please provide any solution for this. Thanks in advance. OcuS There is a very basic example in your SDK folder into the APIDemos project. See SDK_DIR/samples/android-*/ApiDemos/src/com/example/android/apis/graphics/BitmapMesh.java . Also answers for Resources for image

I have this canvas: <canvas id="game" width="280" height="280"></canvas> The css styles the canvas via: canvas { width: inherit; height: 280px; } As the width can change, the canvas distorts the drawing. I need to know how to compensate for this. Anyone who can help me? This is the same problem that the Mozilla Bespin team ran into. (back when they were using Canvas, before it merged with Ace) Don't give the Canvas any CSS width/height rules. Doing so usually ends up as a pain. Put the Canvas in a Div that only has a single thing in it (the canvas itself) As the canvas-parent div changes size,

Is there a way with CSS or otherwise of making an image fit within an area. Lets say I have multiple images of different sizes and I want them all to fit within a div of 150px by 100px. I don't want to scale the images though as some may be tall and others narrow I simply want them to fit within this area with the rest hidden. I thought about using overflow:hidden but it appears to not be hidden in IE6. Any ideas? You should try using this: img{ width: auto; max-width: 150px; height: auto; max-height: 100px; } Edit: Looks like IE6 doesn't support max-width and max-height properties. However,

I have a large bulk of photographs taken with a fisheye lens. As I want to do some image-processing (e.g. edge detection) on the photos I want to remove the barrel distortion which effects my results heavily. After some research and lots of read articles I found this page : They describe an algorithm (and some formulas) to solve this problem. M = a *rcorr^3 + b * rcorr^2 + c * rcorr + d rsrc = (a * rcorr^3 + b * rcorr^2 + c * rcorr + d) * rcorr rsrc = distance of a pixel from the center of the source image rcorr = distance of a pixel from the center in the corrected image a,b,c = distortion of