Interface HolePunchProps

Properties of the HolePunch shader

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

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]

-1

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