Documentation

Stretch

Stretch content towards a direction from a center point

Props

center{x: number, y: number}
Default:{"x":0.5,"y":0.5}
The center point of the stretch effect
strengthnumber
Default:1
The intensity of the stretch effect
anglenumber
Default:0
The direction of the stretch in degrees
falloffnumber
Default:0
Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)
edges"stretch" | "transparent" | "mirror" | "wrap"
Default:stretch
How to handle edges when distortion pushes content out of bounds

Usage

<Shader>
  <Stretch>
    <Circle />
  </Stretch>
</Shader>