search

khelonline / fundoo

Coolest hangout place on internet
1 stars 0 forks source link

Selecting regions from an image #2

Open khelonline opened 12 years ago

khelonline commented 12 years ago

Check this out http://marqueetool.net/examples/send-cropped-image-coordinates-to-the-server/ Understand the algorithm behind it.. and figure out how we can achieve selecting any quadrilateral region out from this.. not just rectangle.

khelonline commented 12 years ago

Other resources: http://www.hotscripts.com/blog/javascript-image-cropping-scripts/

khelonline commented 12 years ago

The work so far..

http://animation.bce051.kodingen.com/cropingtools/q.php?cname=../page2&pgname=4.png&i=0

just open link... crop out image in polygon shape submit it..croped image saved in current directory(/subdomains/animation/httpdocs/cropingtools). use next and prev button to change images..again crop and submit it it will saved in current directory with diff. name..

khelonline commented 12 years ago

nice work!! A couple of corrections.

1) The image which is appearing for showing the final cropped region should be semi-transparent... wireframe sort of. something like. http://reviews.cnet.com/i/tim/2011/10/12/Photo_cropping.jpg

2) Rather than saving the entire image can we do something like just saving the co-ordinates of the cropped region.[a suggestion not necessary.. would save much in terms of resources and computation.]

3) Implement selecting multiple cropping regions at same time from the image for cropping.

4) The cropping region should be draggable.

5) The vertices of the quadrilateral should be draggable individually and the edges should adjust accordingly.

khelonline commented 12 years ago

Updated

http://animation.bce051.kodingen.com/cropingtools/q.php?cname=../page2&pgname=4.png&i=0

updated..

1-cropped area semitransparent 2-preview of crop image 3-on pressing arrow keys selected polygon can move

currently working on drag the polygon on mouse drag..willl do it tmrrw...