Open khelonline opened 12 years ago
Other resources: http://www.hotscripts.com/blog/javascript-image-cropping-scripts/
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..
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.
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...
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.