Properties of the RadiusEffect shader

interface HolePunchEffectProps {
    height?: number;
    radius?: number | number[];
    width?: number;
    x?: number;
    y?: number;
}

Hierarchy (view full)

Properties

height?: number

height of the hole punch

if not defined uses the width value

radius?: number | number[]

Corner radius in pixels, to cut out of the corners of the hole punch

You can input an array with a length of up to four or a number.

array length 4: [topLeft, topRight, bottomRight, bottomLeft]

array length 2: [20, 40] -> [20(topLeft), 40(topRight), 20(bottomRight), 40(bottomLeft)]

array length 3: [20, 40, 60] -> [20(topLeft), 40(topRight), 60(bottomRight), 20(bottomLeft)]

number: 30 -> [30, 30, 30, 30]

0
width?: number

Width of the hole punch

x?: number

X position where the hole punch starts

y?: number

Y position where the hole punch starts