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

Which formula can bend SVG via arc (circular) path? #24

Open
leodevbro opened this issue Jan 24, 2024 · 0 comments
Open

Which formula can bend SVG via arc (circular) path? #24

leodevbro opened this issue Jan 24, 2024 · 0 comments

Comments

@leodevbro
Copy link

Hello @benjamminf, I want to achieve this but not only for texts but for any shape of SVG.

With only text, it is easy with textPath element, but instead of text, I have any SVG shape.

text_on_circular_arc

In this demo:
https://codepen.io/benjamminf/pen/NpZLeb

This is the formula for wave warping (not for circular warping):
warp.transform(([ x, y ]) => [ x, y + 4 * Math.sin(x / 16) ])

Could you please provide a formula to bend any SVG circularly?

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

1 participant