bun install @taep96/squircle-path
import { squirclePath } from "@taep96/squircle-path";
const squircle = squirclePath({ width: 256, height: 256, squareness: 0.5 });
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
<img
style={{ "clip-path": `path("${squircle}")` }}
src="./image.png"
alt="squircle"
width="256"
height="256"
/>
Name |
Type |
Default |
Description |
width |
number |
|
Width of the squircle |
height |
number |
|
Height of the squircle |
squareness |
number? |
0.3 |
Squareness of the squircle. 0 is a circle, 1 is a square, 0.5 is a perfect squircle |