tapmodo / Jcrop

Jcrop - The Javascript Image Cropping Engine
https://jcrop.com
Other
4.31k stars 938 forks source link

Zoom/Resize #2

Open netconstructor opened 13 years ago

netconstructor commented 13 years ago

I feel your problem is hands down the best open-source tool available for image cropping however its missing one CRITICAL functions which everyone keeps talking about but no one is able to provide a solution for mainly the ability to zoom in/out and move the image around.

There is only one true solution I am aware of which I am sure you must have heard of located on the site "http://kroppr.rborn.info/". If you review their tool you can see how you are able to zoom in/out of an image as well as being able to move the background image around till it matches the area you want to crop.

Would you be able to provide instructions on how we could accomplish the same functionality with jcrop? I feel instantly jcrop would become the standard if this were integrated.

Less important in my opinion but also useful would be the capability of rotating the image like kropper tool.

Any help or advice would be greatly appreciated for this!

biznodes commented 13 years ago

I agree with netconstructor. Zoom is a natural feature for this tool.

williscool commented 13 years ago

Quite an interesting solution that Kropper has.

Its using svg.

I'll see if I can figure it out how to port it jcrop when I get some free time.

GromNaN commented 12 years ago

This is not really a zoom, but you can already change the box width and height when you instantiate the cropper. Simply use the options boxWidth or boxHeight.

dznodes commented 12 years ago

Changing the box width doesn't help. I am looking to crop High Resolution images and in order to scan the image you need to be able to zoom in and out of the image easily; then crop. Kropper has a zoom feature that works but it could be better using the mouse wheel or an automatic zoom based on where the crop window is within the larger image.

tapmodo commented 12 years ago

I have a hack that implements rotate/zoom using canvas. It's implemented totally outside of Jcrop, so currently I don't consider this to be a "feature" of Jcrop (e.g. anyone is free to code their own right now). I'm eyeing how to package it, considering that "Kroppr" seems to be a paid-solution, and not a cheap one at that.

Contact me if you are dying to see the rotate/zoom example. Since it uses canvas (client-side), it's got different requirements for "saving" the cropped image. That is among the things I need to work out...

netconstructor commented 12 years ago

Would love to see how it works ;-)

biznodes commented 12 years ago

I would like to see your demo.

Joe

On Tue, Nov 15, 2011 at 10:12 PM, tapmodo < reply@reply.github.com

wrote:

I have a hack that implements rotate/zoom using canvas. It's implemented totally outside of Jcrop, so currently I don't consider this to be a "feature" of Jcrop (e.g. anyone is free to code their own right now). I'm eyeing how to package it, considering that "Kroppr" seems to be a paid-solution, and not a cheap one at that.

Contact me if you are dying to see the rotate/zoom example. Since it uses canvas (client-side), it's got different requirements for "saving" the cropped image. That is among the things I need to work out...


Reply to this email directly or view it on GitHub: https://github.com/tapmodo/Jcrop/issues/2#issuecomment-2755121

biznodes commented 12 years ago

LinkedIn

I'd like to add you to my professional network on LinkedIn.

Joe Dwyer Between Jobs Charleston, South Carolina Area

Confirm that you know Joe Dwyer: https://www.linkedin.com/e/nv8geb-gxezdv2b-4/isd/5521156318/3iCn0O5I/?hs=false&tok=17t4d7VTA0nl41

You are receiving Invitation to Connect emails. Click to unsubscribe: http://www.linkedin.com/e/nv8geb-gxezdv2b-4/LvGUy870wj63pNqELmxtYodiqMX0tRt1aFlAS-TMXid-2r-cZDlAW8XYHK6b2RsRaF5AJ-G1HKu4ZuMyZBOz0QglvnWQ29y4nvrw1DfPFyzS2TVQ/goo/reply%2Bi-1076939-a986859c3a339620326f4a1af6d7f747b8225640-829347%40reply%2Egithub%2Ecom/20061/I1920881133_1/?hs=false&tok=3-7CyyWnw0nl41

(c) 2011 LinkedIn Corporation. 2029 Stierlin Ct, Mountain View, CA 94043, USA.

biznodes commented 12 years ago

LinkedIn

This is a reminder that on January 14, Joe Dwyer sent you an invitation to become part of their professional network at LinkedIn.

Accept Joe Dwyer's Invitation


On January 14, Joe Dwyer wrote:

To: tapmodo [reply@reply.github.com] From: Joe Dwyer [josedwyer@gmail.com] Subject: Invitation to connect on LinkedIn

I'd like to add you to my professional network on LinkedIn.

  • Joe

You are receiving Reminder emails for pending invitations. Click to unsubscribe: http://www.linkedin.com/e/nv8geb-gxivy5v0-6d/LvGUy870wj63pNqELmxtYodiqMX0tRt1aFlAS-TMXid-2r-cZDlAW8XYHK6b2RsRaF5AJ-G1HKu4ZuMyZBOz0QglvnWQ29y4nvrw1DfPFyzS2TVQ/goo/reply%2Bi-1076939-a986859c3a339620326f4a1af6d7f747b8225640-829347%40reply%2Egithub%2Ecom/20060/I1920881133_1/?hs=false&tok=32rWfuf8Bur541

(c) 2011 LinkedIn Corporation. 2029 Stierlin Ct, Mountain View, CA 94043, USA.

biznodes commented 12 years ago

LinkedIn

This is a reminder that on January 14, Joe Dwyer sent you an invitation to become part of their professional network at LinkedIn.

Accept Joe Dwyer's Invitation


On January 14, Joe Dwyer wrote:

To: tapmodo [reply@reply.github.com] From: Joe Dwyer [josedwyer@gmail.com] Subject: Invitation to connect on LinkedIn

I'd like to add you to my professional network on LinkedIn.

  • Joe

You are receiving Reminder emails for pending invitations. Click to unsubscribe: http://www.linkedin.com/e/nv8geb-gxrj0nca-5w/LvGUy870wj63pNqELmxtYodiqMX0tRt1aFlAS-TMXid-2r-cZDlAW8XYHK6b2RsRaF5AJ-G1HKu4ZuMyZBOz0QglvnWQ29y4nvrw1DfPFyzS2TVQ/goo/reply%2Bi-1076939-a986859c3a339620326f4a1af6d7f747b8225640-829347%40reply%2Egithub%2Ecom/20060/I1920881133_1/?hs=false&tok=2hz5nGm-ZyzB41

(c) 2012 LinkedIn Corporation. 2029 Stierlin Ct, Mountain View, CA 94043, USA.

tellnes commented 12 years ago

Are there any updates on this?

jcart commented 11 years ago

This would be especially useful for high resolution images when you may want to zoom prior to cropping.

Consider a high resolution photo with a face. At it's original size the face will be very small. By applying a zoom then cropping, you can crop out the face without sacrificing too much dimension.

Is there any progress on this?

stoplion commented 11 years ago

+1

oieesah commented 9 years ago

+1

cem766 commented 9 years ago

+201

tablatronix commented 9 years ago

+1

I have been looking at these 2 libs, i do like the idea of a static crop window and resizable image. https://github.com/fengyuanchen/cropper https://github.com/scottcheng/cropit

Would be nice to implement a similar ui with jcrop

maxi032 commented 8 years ago

+1

Utsaww commented 2 years ago

+1 really need zoom feature