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

Refine border-path View prop to allow scaling to View bounds #214

Open
JoshMarler opened this issue Jan 19, 2021 · 0 comments
Open

Refine border-path View prop to allow scaling to View bounds #214

JoshMarler opened this issue Jan 19, 2021 · 0 comments

Comments

@JoshMarler
Copy link
Owner

It would be extremely useful to provide a concise scaling approach for the border-path prop so that tacking some simple SVG path commands from some design asset is straightforward.

i.e. given the below path string how do we ensure the border-path is scaled to the outer bounds of the <View /> instance?

<path d="M12.2553079,0.140808362 C10.0610558,2.54809036 8.11360609,5.18425686 6.45296861,8.00929802 C2.35186357,14.9860107 0,23.1146526 0,31.7926017 C0,57.749985 21.0426168,78.7926017 47,78.7926017 C72.9573832,78.7926017 94,57.749985 94,31.7926017 C94,23.2003813 91.6943746,15.1466685 87.668062,8.21640165 C85.9491057,5.25765824 83.9165201,2.50368506 81.6158232,0"></path>

This might require a slight rethink of SVG border paths in general.

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