1

I have created a image cropping tool in flex using core copyPixel method.

croppedBitmapData.copyPixels(croppedBitmapData, clipCan, new Point(0, 0));

I have to crope area of dementions 20*20 and show this cropped area in an image of demention 250*350. Every thing going well. My problem is image distortion.

Even i am using this method for smoothing image contents on complete.

private function smoothImage(event:Event):void
{
    var bitmap: Bitmap = ((event.target as Image).content as Bitmap);
    if (bitmap != null) 
    {
     bitmap.smoothing = true;
    }
}

I want to get the result of this site. http://www.yourplayingcards.com/builder/

Please help me to get ride of image distortion.

      Can we show bitmapdata of 20*20 into image of 250*350 without distotion?
j0k
  • 22,600
  • 28
  • 79
  • 90
Murtaza
  • 11
  • 4
  • I think if you take a 20x20 piece of a bitmap image and expand it to 250x350 you'd have to expect some distortion. It may be less if you keep the same aspect ratio (250x250 or 350x350), but probably not much. Image Manipulation in the real world is not like it is on TV, where you can zoom in, sharpen the image, and now 'see' intricate details such as a face reflection in a window which reveals the killer's identity. – JeffryHouser Apr 26 '11 at 12:04

2 Answers2

1

What you call 'distortion' is probably what I think you mean by pixelation. The reason why that website can zoom in without pixelation is because it's using vector shapes, not bitmaps, to show the graphics. Vector shapes can be scale infinitely without loss of quality because it doesn't store pixel information, but spline information.

In essence, if you want to imitate the zooming of the the website you have shown, you will have to create your own vector shape. You can use Flex 4's built in FXG format or use something like Degrafa if you're still in Flex 3. You can also leverage Flash Catalyst to import vector graphics made in Illustration into Flex.

J_A_X
  • 12,857
  • 1
  • 25
  • 31
  • How can we convert png or jpg images into vectors in flex 3. Is it possible in Flex 3.? – Murtaza Apr 27 '11 at 11:17
  • This is not a limitation of Flex, but a limitation on the basic principle of how images work. You can't convert a bitmap image to a vector. You have to recreate it using illustrator (or some over vector based tool) or you're stuck with bitmaps and the best you can do is enlarge and smooth it, but the quality will be 'meh' at best. – J_A_X Apr 27 '11 at 12:23
0

I am not sure about that but it is done in VectorMagic may be they are using server side too any ways, you may also interested in Actionscript SVG renderer

Hopes that helps

Imran
  • 2,906
  • 1
  • 19
  • 20