Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Question: Crop with fill #20

Closed
scheMeZa opened this issue Nov 7, 2019 · 11 comments
Closed

Question: Crop with fill #20

scheMeZa opened this issue Nov 7, 2019 · 11 comments

Comments

@scheMeZa
Copy link

scheMeZa commented Nov 7, 2019

Hello,

Let's say I have an image 320x500.

I'd like to allow a crop with aspect ratio 1:1 - so that the picture when done cropping is always square.

But I'd like to allow the crop to go all the way to 500x500; so that the crop is bigger than the image, and then the background to be filled with white.

Is there a solution for this?

@Norserium
Copy link
Collaborator

Norserium commented Nov 7, 2019

Hello, @scheMeZa. Currently this cropper doesn't support it, but I will consider the possibility of implementing this feature.

@scheMeZa
Copy link
Author

scheMeZa commented Nov 7, 2019

Thanks for your hasty reply :)

It's a feature I'd love to see.

Thank you for your work on this package; It's currently in use in production on https://onebid.co.za

@Norserium
Copy link
Collaborator

It's great! I'm always glad to hear about using this library in production.

@Norserium
Copy link
Collaborator

Norserium commented Dec 4, 2019

Hello, @scheMeZa! Could you illustrate the situation, where this feature might be useful?

@NikitaKA
Copy link

I'm using this lib to crop logo which will be uploaded to my Apple Wallet generator. Problem is that inside Wallet app logo is covering whole space by default, even if there is something on the right side - it overlapping it.

image

So I need to zoom it out a little bit and add transparent space on the right in Photoshop to make it to work.

Vue CropperJS has ability to zoom out and add some space around.

@Norserium
Copy link
Collaborator

@NikitaKA, thank you for your example.

@Norserium
Copy link
Collaborator

@scheMeZa , @NikitaKA , I'm happy to report that this feature is in the alpha stage. You currently can test it in the documentation (different image restrictions section).

@NikitaKA
Copy link

NikitaKA commented Dec 13, 2019

@scheMeZa , @NikitaKA , I'm happy to report that this feature is in the alpha stage. You currently can test it in the documentation (different image restrictions section).

You are awesome, thank you!

How do you think when this feature will be available? 😃

@Norserium
Copy link
Collaborator

How do you think when this feature will be available? smiley

I suppose within a week. It should be tested more carefully.

@Norserium
Copy link
Collaborator

Norserium commented Dec 14, 2019

@scheMeZa, @NikitaKA, please update to 0.15.0 version, this feature is implemented in the new version.

@Norserium
Copy link
Collaborator

I close this issue. If you encounter any problems, please create the corresponding issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants