search

aewebsolutions / rcrop

Responsive Cropper is a full responsive JQuery plugin that lets you select an area from an image and prepare crop information to send it to the server.
MIT License
47 stars 23 forks source link

Mantain aspect only functions on first image #8

Open IDEDOnline opened 6 years ago

IDEDOnline commented 6 years ago

This appeared for me after loading 2-3 images in a row. Init the cropper tool on the first image using (image is not a 1:1 square but close) $('#cropArea').rcrop({minSize: [100, 100], preserveAspectRatio: true, grid: true}); now load another picture into memory (16:9) then another (16:9), now check the crop area and you will find its no longer a 1:1 aspect ratio. It did seem to retain the 1:1 for the first and second image for me but upon loading the third in the aspect seems to have reset itself and now maintains the aspect of the image and not the one set in code.

IDEDOnline commented 6 years ago

A note on this issue, I am dynamically pushing the image selected by the user into a img container with no defined size (height and width of 100%) which is held within a div which has 100% width.