Skip to content

Commit 46447ae

Browse files
committed
Update README
1 parent cc2bc31 commit 46447ae

File tree

3 files changed

+6
-5
lines changed

3 files changed

+6
-5
lines changed

README.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
Figma has a great feature called [corner smoothing](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing), allowing you to create rounded shapes with a seamless continuous curve (squircles).
1414

15-
![](demo.png)
15+
![](squircle.jpg)
1616

1717
This library helps you bring those squircles to your apps.
1818

@@ -70,20 +70,21 @@ function ProfilePicture() {
7070

7171
## Preserve Smoothing
7272

73-
This option allows corner smoothing to work better on large rounded corners.
73+
The larger the corner radius, the less space we have left to make a smooth transition from the straight line to the rounded corner. As a result, you might have noticed that the smoothing effect appears to be less pronounced as the radius gets bigger.
74+
75+
Try enabling `preserveSmoothing` if you're not happy with the generated shape.
7476

7577
```jsx
7678
const svgPath = getSvgPath({
7779
width: 200,
7880
height: 200,
7981
cornerRadius: 80,
8082
cornerSmoothing: 0.8,
81-
// This is false by default
82-
preserveSmoothing: true,
83+
preserveSmoothing: true, // defaults to false
8384
})
8485
```
8586

86-
There's also a [Figma plugin](https://www.figma.com/community/plugin/1122437229616103296) you can install that utilizes this option.
87+
There's also a [Figma plugin](https://www.figma.com/community/plugin/1122437229616103296) that utilizes this option.
8788

8889
## Thanks
8990

demo.png

-60.7 KB
Binary file not shown.

squircle.jpg

8.04 KB
Loading

0 commit comments

Comments
 (0)