水波进度球组件 react 实现
npm install rc-progress-ball --save-dev- import Component
import ProgressBall from "rc-progress-ball";- Use in your react component
<ProgressBall value={50} />| prop | meaning | Type | example |
|---|---|---|---|
| id | canvas 的 id | string | progressBall |
| value | 进度值 | number | 50 |
| size | canvas 大小 | number | 140 |
| color | 背景颜色 | string | #20b3ff |
| textColor | 文字颜色 | string | #000 |
| waveWidth | 波浪宽度,数越小越宽 | number | 0.045 |
| waveHeight | 波浪高度,数越大越高 | number | 16 |
| speed | 波浪速度，数越大速度越快 | number | 0.04 |
| xOffset | 波浪 x 偏移量 | number | 0 |