viewBox support

[burakgormek]

Is there a plan to support viewBox for Canvas? It's useful for unknown container size and provide us to skip onLayout phase.

RNSVG example:

<Svg width="100%" height="100%" viewBox="0 0 10 10"
  <Path vectorEffect="non-scaling-stroke" strokeWidth={1} d={line}>
</Svg>

It will render and stretch to the container sizes and will be much faster render comparing to using with onLayout.

Can a similar be achieve on RNSkia?

[wcandillon]

Yes this is the equivalent construct in Skia: https://shopify.github.io/react-native-skia/docs/group/#fitbox

[burakgormek]

Yes this is the equivalent construct in Skia: https://shopify.github.io/react-native-skia/docs/group/#fitbox

Thanks for the quick response but it has to be a known sizes, or did I miss something?

Can FitBox support percentage values for dst? Like to set width&height to 100% which is equivalent to Svg width&height above.

edit: I found that I can get sizes from useCanvas and pass to Shapes. Currently FitBox is not working with useCanvas sizes but Im trying to figure out it...

[wcandillon]

percentage values are not something that is in the scope of the project yet.