Discussion on Slim Image Cropper, Responsive Uploading and Ratio Cropping Plugin

pqina

pqina supports this item

Supported

This author's response time can be up to 1 business day.

186 comments found.

What are the supported image types

pqina

pqina Author

JPEG, PNG, GIF, BMP. Pretty much the formats supported by the users browser.

freezd

freezd Purchased

Presale question: What is the size of the required assets when gzipped? And how many HTTP requests to get the basic Drag & Drop working? Thanks.

pqina

pqina Author

Hi!

JS: 38KB CSS: 10KB

You need to embed a single JavaScript and a CSS file, of course you can merge them with your others statics (if your server does not support HTTP2).

Hi, Does Slim Image Cropper support transparent layers? I have a requirement that needs the uploaded image to be placed behind a image with an irregular shaped png …. i.e. has a irregular hole in it, in which the cropped image will appear. I know I could do this in two stages, allow resizing, cropping and post to the server, then merge the images and redisplay to user. but it would be better if the user could see how the image looked like in the cropping tool (i.e. make sure their face wasn’t hidden behind the edge of the irregular hole). Hope this makes sense. Regards Gary

pqina

pqina Author

Hi!

Slim does support transparent PNGs (it will show a checker pattern behind them, you can try it on the product page to give you an idea).

You could add a transparent overlay image to the cropper itself (with CSS this is possible) but Slim does not support dragging images or manually resizing them, it’s all automated so I think it would not be possible to position the image behind the overlay.

Hi Pqine, Thanks for your honest answer to my question, which will mean I will not be purchasing your product at this time… However, it looks good and I have other projects which may require this in the future…. Thanks again.

pqina

pqina Author

No problem :-) Good luck with your project!

hunyrocks

hunyrocks Purchased

Hey there! This script continues to be awesome; I’ve customized it quite a bit on the front-end size and I love it love it.

Question, however—is it possible to modify this script to support two different data-ratios? i.e. right now we’re using a 3×2 ratio, but we’d like to offer 2×3 as well. So I guess an option to “flip” the crop area 90 degrees is what I’m asking about. What do you think about the possibilities here? Thanks again! <3

pqina

pqina Author

Hi! Glad to hear that :-)

There’s no default setting for this, you could use the setRatio API to change the ratio dynamically. Maybe add a drop down to the page to select the ratio, add onchange event, set selected ratio with Slim API.

Ooh that’s a great idea. I think I can wrap my mind around that. I’ll play around with it, thank you.

No problem :-)

Wow! My client said that I am a pro. Thanks to you!. i Love you!

pqina

pqina Author

Haha nice! I love you too! ;-)

If I am creating an avatar upload, how do I show the current avatar, but then allow someone to change it by clicking on the avatar or dragging and dropping it? All of the examples I have seen using just plain old form submits have a blank background, not the current image.

You add a IMG tag to the cropper with the current avatar, see the second example with the volcano image. Slim will automatically load the image src.

by
by
by
by
by
by