Signature
容器属性
所有组件配置的第一层均支持容器属性
组件属性 componentsProps
| Name | Type | Default | 是否支持 Variable Pattern | Description |
|---|---|---|---|---|
| className | string | ✔️ | 组件的 className | |
| style | object | 组件的 style | ||
| penColor | string | 'black' | 笔触颜色 | |
| minWidth | number | 0.5 | 笔触最小宽度 | |
| maxWidth | number | 2.5 | 笔触最大宽度 | |
| backgroundColor | string | 'rgba(0,0,0,0)' | 画布背景色 | |
| outputType | 'image/png' | 'image/jpeg' | 'image/svg+xml' | 'image/png' | 签名输出的图片格式 | |
| canvasWidth | number | 画布宽度，默认跟随容器宽度 | ||
| canvasHeight | number | 200 | 画布高度 | |
| hideToolbar | bool | false | 是否隐藏底部工具栏（包含提示文字和清除按钮） |
所有其余 componentsProps 将会被传给组件画布容器元素（div）。
JS API
通过 formApi.getFieldApi() 获取的接口如下。其中 signaturePad 为底层 signature_pad 实例，可参考其官方 API 文档进行更多操作。
| Name | Type | Description |
|---|---|---|
| node | HTML Element | 组件的根 DOM 元素 |
| signaturePad | SignaturePad | 底层 SignaturePad 实例 |
| clear | () => void | 清除画布上的签名 |