Free Flex component: EditImage 0.3

Demo / Source

Just an other alpha release of EditImage with some work in it:

  • Introduced interfaces for EditImage and the tools
  • Quite frequently, I use EditImage as an image display and non of the tools are needed. That is the reason I disabled all tools by default. They are not initialized until a tool is enabled.
  • Squashed some bugs like correct resizing of EditImage and positions of cursor
  • More refactoring and more API documentation
  • First unit tests added but many more needed
  • EditImage.swc, API documentation (/tmp/ant-doc/index.html) and link-report (/tmp/ant-swf/EditImageReport.html) included in EditImage.zip

What is still on the wish list?

  • As reported by Gireesh, when snap to top/left is disabled, the image can be move to any position on the screen.
  • More refactoring
  • Plug in new tools such as adding shapes, drawing with a pencil, adding text

16 Responses to “Free Flex component: EditImage 0.3”

  1. Image editing component in Flex: EditImage « I don’t like computers. Says:

    [...] Image editing component in Flex: EditImage There is an update of the component. [...]

  2. Image editing component in Flex, Updated « I don’t like computers. Says:

    [...] Image editing component in Flex, Updated There is an update of the component. [...]

  3. Wisam Says:

    Is it possible to move the image inside the canvas only. I need to use the editImage without the snap .. but I do not want the image to move outside the canvas …

    Thanks alot in advance….

  4. faindu Says:

    Hi Wisam,

    It is possible to add this feature. However, it is not a matter of minutes to implement it properly. I’m currently very busy and won’t be able to do it right now.
    The good thing about EditImage is that it is open source and you can do with it whatever you like. So feel free to extend it! Or hire a Flex developer to do it.

  5. Sebastian Says:

    Hi faindu,

    great work, love the component. Do you think it could be easily extended to include image flipping (horizontal and vertical)? It would be great if you could tell me where to start in building that extension.

    Cheers,
    Sebastian

  6. Sebastian Says:

    By the way: if you don’t like the Object moving freely on the screen: just add a mask of the same size to the image container, like this:

  7. faindu Says:

    Hi Sebastian

    You can already flip the image with the scale tool. Hence it’s very easy to add flipping. I updated the demo and source with a new flipping tool. You may want to add moving the image back to its original position. Note we moved the building of EditImage to use maven.

    Masking is certainly a quick hack. However, I think users expect the image being block at the edges and not cut.

    Marc

  8. Lukas Says:

    Caould you please add some documentation to this zip. I’m not able to find any, as well as swc. There is no tmp folder. thanks.

  9. Marc Says:

    Hi Lukas

    You find some documentation in the code. If you run asdoc, you get all the API information. I intentionally published only the code because the component is in a very early state that only component developers should use it. After having said that, I will rewrite the component from scratch this spring and will include more docs in this rewrite.

    Marc

  10. No free lunch: EditImage’s Matrix Transformations « I don’t like computers. Says:

    [...] With the following links, I hope to answer some questions I regularly get asked for the EditImage [...]

  11. wjptak Says:

    Hi,

    This is one of the best edit image components I’ve ever used. Great work!!

    Cheers,
    W.

  12. Mahedi Says:

    Hi faindu,
    great work, love the application. I’m new in flex. In crop section i want to crop the image with mouse.I mean on the image when click the mouse and move that position where user want to crop and release the mouse then press the button ok as a result image is cropped. When user draw a rectangle by the mouse on the image this rectangle will move and scale by the user.
    Please help me on this regard with brief.

    Mahedi

  13. Marc Says:

    Hi Mahedi
    Implement an other tool for this function like the crop- or scale-tool. Though I think there is somewhere on the internet a component that has your feature.
    Have fun,
    Marc

  14. Mahedi Says:

    Hi Marc,
    Thank you very much for your replay. I want to implement this source code(crop) like that way which i explain before. Please guide me on this regard.
    If i use another component how i can march this code with your code
    here i give the link

    http://www.visicom.jp/ussl/album/Dalbum/ImageCropperApp/bin-debug/mouseCrop.html

    where the crop component developed. Please show that and give me the instruction hoe i can march with our main source code.

    Best regard

    Mahedi

  15. Marc Says:

    Hi Mahedi

    I didn’t see the code of the other component, so there is no way I could tell you what to do. What you want is basically replace the package com.faindu.editImage.crop with your implementation.

    Marc

  16. Mahedi Says:

    Hi Marc,
    Thank you very much for your replay.

    Best regard
    Mahedi

Leave a Reply