0.0.5 • Published 3 years ago
@bipboys/squircle v0.0.5
Description
React component for create Superellipse (or Squircle) mask using svg and css mask-image attribute.
Installation
npm install @bipboys/squircleUsage
It couldn't be easier!
import Squircle from "@bipboys/squircle";
<Squircle style={{ width: 64, height: 64 }}>{/* <img /> */}</Squircle>;Props
| prop | type | default | description |
|---|---|---|---|
| ratio1 | number | 0.0586 | 0 ~ 0.5 width ratio |
| ratio2 | number | 0.332 | 0 ~ 0.5 width ratio |
| pixelRatio1 | number | 0 ~ width/2 in pixel | |
| pixelRatio2 | number | 0 ~ width/2 in pixel | |
| children | ReactNode | ex.: image, etc. |