react-juce icon indicating copy to clipboard operation
react-juce copied to clipboard

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

Open JoshMarler opened this issue 4 years ago • 0 comments

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.

JoshMarler avatar Jan 19 '21 15:01 JoshMarler