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

Round image corners module #788

Open
aashna27 opened this issue Feb 17, 2019 · 17 comments
Open

Round image corners module #788

aashna27 opened this issue Feb 17, 2019 · 17 comments

Comments

@aashna27
Copy link

aashna27 commented Feb 17, 2019

I was thinking if it would be good to make a module wherein we round the corners of an image.Would like some opinions and suggestions before working on it.

Please show us where to look

http://sequencer.publiclab.org...

Thank you!

@harshkhandeparkar
Copy link
Member

@aashna27 this is a coop idea. I also had the same idea in mind but instead of opening an issue I was planning on opening a PR 😁. But then I thought that this will be pretty difficult. I think first we can create a draw circles module and then use the same algorithm( parts of it) to create this. What do you think?

@harshkhandeparkar
Copy link
Member

The biggest problem will be that we will not be able to delete parts of the image since it is stored as an ndarray. If it was a bitmap then it would be a different case. Since the other modules also need to work on it, I think parts of the image will have to be rendered with alpha=0 instead of making the image circular. This is why I felt like this is a very difficult issue.

@Divy123
Copy link
Member

Divy123 commented Feb 17, 2019

Please mention the usecases of the said module.

@jywarren
Copy link
Member

jywarren commented Feb 18, 2019 via email

@sashadev-sky
Copy link
Member

@aashna27 thats a cool idea! I haven't worked enough with image sequencer to know if these additional ideas would be relevant but I use rounded images a lot with a sort of "img card" effect that looks like: (would typically have text over it but its taking very long time to load)
screen shot 2019-02-17 at 7 37 32 pm

and also used very often with shadows to create this 3D effect:
screen shot 2019-02-17 at 7 39 40 pm

Just two ideas you could add on to yours as editing features to go with rounded edges. So its really like a full module.

@vibhorgupta-gh
Copy link

@aashna27 if you're doing this, you can accept a circle radius as a parameter from the user end to determine to what extent the corners shall be rounded.

@aashna27
Copy link
Author

Thanks a lot for your inputs, I request some time before I can come up with anything , really glad with the response and your suggestions . Thank you ❤️

@jywarren
Copy link
Member

jywarren commented Feb 20, 2019 via email

@aashna27
Copy link
Author

Yeahh, got it 😀Thanks a lot!

@niravasher
Copy link

If you are working on round image corners, can I work on adding a shadow to the image? There will be an option to set a shadow in all the four direction (up right, up left, down right and down left) @aashna27 @VibhorCodecianGupta ??

@jywarren
Copy link
Member

jywarren commented Feb 21, 2019 via email

@harshkhandeparkar
Copy link
Member

@jywarren I think a cool way to do the shadow module would be (if it works) to use a metamodule. The image can be resized, a gradient can be applied (which can work as a shadow), and the original image can be overlayed on it. What do you say?

@niravasher
Copy link

Opened a new issue #806 @jywarren @harshkhandeparkar

@harshithpabbati
Copy link

Can I work on this???

@harshithpabbati
Copy link

Can I use jquery.corner.js to make it done??? Or else using only the javascript??

@aashna27
Copy link
Author

Can you look for some other issue, I am not getting time these days so haven't been able to give it a shot.

@harshithpabbati
Copy link

Ok fine

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

No branches or pull requests

9 participants