Last post Mar 08, 2018 04:26 PM by vinod_praviram
Feb 08, 2018 08:54 PM|vinod_praviram|LINK
There are a lot of zoom and crop plugins in jQuery but what I am looking for is bit different.
I am in need to show a frame and user would zoom in/out image till it seems fit in that frame so that every image taken is proper in terms of angle and distance.
For example I want to save image of car in various views like Left side, Right Side and accordingly there would be preset frames which should appear as overlay when image is being uploaded for a particular view and until user sees that image is filling in frame
or overlay, he can zoom in or zoom out and once it is in desired view then it should save image as final one.
Can anybody please tell me how to show overlay/frame to help user to upload image.
Feb 09, 2018 05:50 AM|AngelinaJolie|LINK
At first, a frame is for displaying another page. so it doesn't effort what you do.
2 if you want to make something to fit your frame, finally, in fact, we only need to get the width and height which you want, then display your image with the width which you have got.
3 save the image which you cropped with specifying width;
Feb 10, 2018 05:10 PM|vinod_praviram|LINK
Thanks for replying but I am not talking about the iframe, I am saying that show an image/frame in background as an overlay so that user can zoom in/out main image to fit in that overlay image/frame.
Feb 22, 2018 06:17 AM|AngelinaJolie|LINK
saying that show an image/frame in background as an overlay so that user can zoom in/out main image to fit in that overlay image/frame.
Sir, if you check this demo, it should fix your requirement; it could scroll and zoom down the picture;
Here is the source code
and more information about the 3rd plug-in;
Hope it is helpful to you.
Feb 22, 2018 04:32 PM|vinod_praviram|LINK
First of all many thanks for all your help but sadly this is not what exactly I want.
May be I am not able to state my requirement clearly, I will try at my end and let you know once done.
Again thanks a lot for your time and help.
Feb 22, 2018 05:04 PM|vinod_praviram|LINK
Is it possible to set the canvas over the main image and cropbox, set the cropbox to full height and width of the canvas and yet zoom in & zoom out and drag the image around the canvas ?
Feb 26, 2018 06:10 AM|Gary Liu - MSFT|LINK
I am not sure your requirement exactly, I generated a demo at https://jsfiddle.net/s9jzwo6s/ per my understanding, if any misunderstanding or any concern, please feel free to let me know.
Mar 08, 2018 04:26 PM|vinod_praviram|LINK
Hi Gary, exactly not what I am trying to achieve
Anyways, is there any way to show the cropper in different shape e.g. a car rather than rectangle ?