Design Docs
SignaturePad캔버스를 사용하여 서명을 그릴 수 있는 컴포넌트입니다. 마우스와 터치 이벤트를 모두 지원하며, 초기화 및 PNG 다운로드 기능을 포함합니다.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| strokeColor | string | black | - | 서명 선의 색상 |
| strokeWidth | number | 2 | - | 서명 선의 두께 (픽셀) |
| customStyle | string | {} | - | 캔버스 컨테이너에 적용할 Panda CSS 스타일 객체 |
Sub Components• Input Support - 컴포넌트는 마우스와 터치 이벤트를 모두 지원합니다.• Reset - 초기화 버튼으로 서명을 지우고 다시 그릴 수 있습니다.• Download - 다운로드 버튼으로 서명을 PNG 이미지로 다운로드할 수 있습니다.• Resize - 캔버스는 컨테이너 크기에 맞춰 자동으로 리사이즈됩니다.