odyniec.net

ImgAreaSelect Image Cropping Tutorial

Since most people are using the imgAreaSelect plugin to implement image cropping interfaces, and I’ve received a few requests for a fully functional example of such a thing, I planned to write a tutorial on it. But, it seems someone already did this — WebMotionUK has a good article on building a simple tool that allows you to upload an image and crop it, with PHP and imgAreaSelect. So go ahead and read it.

If you have any other interesting examples of using imgAreaSelect, let me know — I’ll be happy to put a link here.

5 Responses to “ImgAreaSelect Image Cropping Tutorial”

  1. m_i_c_a says:

    Very nice plug-in, congratulation dude… I use it coupled with http://www.gen-x-design.com/projects/php-thumbnailer-class/ and
    http://www.pixeline.be/experiments/jqUploader/

    works perfectly. (was for my website admin can’t give url)

    see ya

  2. andy says:

    how about integrating an image tagging system ? :D

  3. Michal Wojciechowski says:

    @andy:
    This has been requested a few times, but I think including such application-specific features would make the plugin too complicated. It’s supposed to be simple and just let you select an area of the image, then it’s up to you to decide what you want to do with it — whether it’s tagging, cropping, or whatever else.

    Tagging could be handled by a couple additional functions (or maybe a separate plugin). If I have enough spare time, I’ll add an example of how to implement this.

  4. andy says:

    @Michal:
    yup, much appreciated.
    After seeing the imagetags plugin at Gallery2 (fortunately), I went ahead to do some mods myself (to be used independently) using your ImgAreaSelect 0.5. Still in progress though.

    By the way, do you care to explain more about the Webkit-based browsers bug in your latest post http://odyniec.net/blog/?p=27 ? I don’t see any problems in my 0.2.149.27 Chrome. Will upgrade soon to 0.5.1 nonetheless, just to play safe.

    Thanks for your hard work. :D

  5. Michal Wojciechowski says:

    @andy:
    The bug occurred when the page was scrolled, and resulted in the plugin elements being displaced. If you want to see it in all its shameful glory, go to http://odyniec.net/projects/imgareaselect-0.5/, scroll the page a bit, and then start selecting.

Leave a Reply