📢 wScratchPad.js 플러그인
wScratchPad.js 는 스크래치 카드 효과를 나타낼 수 있는 플러그인 입니다.
바로 적용 가능한 CDN링크를 찾지 못해 아래 wScratchPad.js GitHub에서 플러그인 파일을 다운받아 사용하는걸 추천합니다.
https://github.com/websanova/wScratchPad
GitHub - websanova/wScratchPad: jQuery Scratch Pad Plugin
jQuery Scratch Pad Plugin. Contribute to websanova/wScratchPad development by creating an account on GitHub.
github.com
📢 사용법 및 옵션
See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen.
스크래치 긁은 후 나오는 영역에 대한 부분만 마크업을 하면 됩니다.
scratchMove 옵션은 일정 영역을 긁으면 자동으로 전체가 열리는 옵션입니다.
'JS' 카테고리의 다른 글
| [JavaScript] 비동기와 콜백 함수 (0) | 2023.08.01 |
|---|---|
| [JavaScript] async & await (0) | 2023.08.01 |
| [React] Hooks - useContext (0) | 2023.07.31 |
| 배열과 객체의 유사점과 차이점 (0) | 2023.07.11 |
| [JS] input[type="range"] 별점 드래그 (0) | 2023.07.07 |