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

[Feature Request] Responsivness #10

Open
qoomon opened this issue Jul 29, 2022 · 4 comments
Open

[Feature Request] Responsivness #10

qoomon opened this issue Jul 29, 2022 · 4 comments
Labels
Idea Suggest any Idea :D

Comments

@qoomon
Copy link

qoomon commented Jul 29, 2022

Would be nice to have an option to prevent scaling text and keep height of resulting svg image e.g. the wave header of following readme https://github.com/matfantinel/matfantinel

@kyechan99
Copy link
Owner

Do you mean that you want to use it like adjusting the height with the <img height=' '/> instead of params /api/height= ?

To sum up, do you want the height of the svg to follow the parent tag?

@kyechan99 kyechan99 added the Idea Suggest any Idea :D label Aug 2, 2022
@qoomon
Copy link
Author

qoomon commented Aug 2, 2022

exactly. Keep size and ratio of text, while scaling background to width of parent. (If possible, scaling down text, if too big to fit into parent tag)

@qoomon
Copy link
Author

qoomon commented Aug 3, 2022

I think I found a solution see following example https://florian.ec/blog/responsive-svg-constant-font-size/example4-fluid.html and the corresponding toturial https://florian.ec/blog/responsive-svg-constant-font-size/

@ttytm
Copy link

ttytm commented Mar 13, 2023

+1 from me. It would be great to have a static font size option.

The scaling difference on mobile and desktop is drastic atm.

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

No branches or pull requests

3 participants