ืื ืืืฆืืืชืืืฉ
ืงื ืืืกืื
ืงื ื ืชืคืก ืืกืื, ื ืืชื ืืืจืื ืืงืืคืฅ ืืืืจื ืืฉืืฉืืจืจืื ืืืชื. ืืคืจืื ืื ืืืฃ ื ืืืชื.
ืืชืืื
color
grabColor
ืืืืกืก ืขื Elastic Line (MIT ืจืืฉืืื) ยท ืชื ืื ืฉืืืืฉ
ืขืื ื-Pro
ืืื ืืจืืืืืืืืคืืื ืื
9 ืืืคืืื ืื| ืืืคืืื | ืกืื | ืืจืืจืช ืืืื | ืชืืืืจ |
|---|---|---|---|
| isVertical | boolean | false | ืงื ืื ืื ืืืงืื ืืืคืงื. |
| grabThreshold | number | 5 | ืืื ืงืจืื ืืกืื ืฆืจืื ืืืืืข ืืื ืืชืคืืก ืืช ืืงื, ืืคืืงืกืืื. |
| releaseThreshold | number | 100 | ืืื ืจืืืง ืืงื ื ืืชื ืืคื ื ืฉืืื ืืฉืชืืจืจ, ืืคืืงืกืืื. |
| strokeWidth | number | 1 | ืขืืื ืืงื. |
| transition | ValueAnimationTransition | "{ type: 'spring', stiffness: 300, damping: 5 }" | ืืงืคืืฅ ืฉืื ืืงื ืืืืจ. |
| animateInTransition | ValueAnimationTransition | "{ duration: 0.3, ease: 'easeInOut' }" | ืืื ืืงื ืืฆืืืืจ ืืืขืื ื. |
| color | string | "#ffffff" | ืฆืืข ืืงื ืืื ืืื. |
| grabColor | string | "#ffffff" | ืฆืืข ืืงื ืืืื ืฉืืกืื ืืืืืง ืืืชื. |
| className | string | โ | ืืืืงืืช ื-SVG. ืืงื ืืงืื ืืช ืฆืืข ืืืงืกื. |
ืชืืืืืช
1 ืืืืืืช ื ืืจืฉืืช
npm install motion