Question

Basicly i’m trying to create image cropping script, and it’s almost done, here is my script:

http://jsfiddle.net/7C8fp/3/

But i can’t figure out how to make crop_area to have clear background without that dark color, can any one be so kind and help me out a bit? 🙂

Answer 1

you need to create 5 divs to do that – impossible with just one – unless you used canvas element on which you’d cut out the square representing the selected area.

    [////////////]
    [//][    ][//]
    [////////////]

something like that 🙂

and then as you change the size / position of selected area you need to recalculate all the positions of the divs to match the target region for cropping