Image input - Allow to crop
Hi,
https://preview.keenthemes.com/html/metronic/docs/forms/image-input
Your Image Input component UI is impressive, especially when you support both square & circle styles which is quite suitable for a Avatar uploader. However, there is always a cropper tool in an Avatar uploader because we do not know the aspect / sizes of the image that user will upload unless we accept the distortion. In fact, you can find it on Facebook Avatar Uploader or any other applications.
I see that we have Cropper.js
https://preview.keenthemes.com/html/metronic/docs/general/cropper
Hence, I want to know that are you going to implement a simple cropper feature in Image Input component?
If you have a plan for it, I will wait. On the other hand, could you please add a demo to instruct how to integrate a simple Cropper.js into Image Input so that we can follow up? I appreciate any approach you could do.
Thanks
Replies (3)
Frankly, I love a simple cropper tool like the below for a avatar uploader
https://foliotek.github.io/Croppie/
It is as similiar as the one in Facebook that is quite familiar with most of the user.
Althought, I aware that Cropper.js & Metronic layout absolutely can do it, the style is my biggest concern which should be compatible with the whole site. Could you please help to supply a comparable example of Cropper.js?
Thanks
Dear WilinkNet.
I need it too now. Have you found an easy solution? It is a challenging to integrate cropper with templates image input.
Hi,
We will consider this but at the moment we can't confirm the ETA for it. Usually, user avatars should be displayed as background images with horizontal and vertical centered positions as shown here.
Regards.
