电子签名页面说明

该页面为电子签名页面，提供手写签名、重写、提交等功能，适配横屏和竖屏，适用于合同签署、协议确认等需要用户手写签名的场景。

页面用途

电子签名页面用于用户在指定区域内进行手写签名，并将签名图片上传至服务器，常用于合同、协议等电子签署流程。

页面主要结构

1. 签名画布：用户可在画布区域内手写签名，支持横竖屏自适应。
2. 签名引导背景：默认显示签名引导背景图，指导用户在指定区域签名。
3. 操作按钮：页面底部提供"重写"和"提交"按钮。
4. 签名提示：页面底部有签名规范提示，提醒用户签名规范。

主要功能说明

• 手写签名：用户可在画布区域内手写签名，支持多点触控。
• 重写功能：点击"重写"按钮可清空当前签名，重新签名。
• 提交签名：点击"提交"按钮，若已签名则将签名图片压缩后上传，防止频繁提交（防抖处理）。
• 横竖屏适配：页面自动检测设备方向，竖屏时画布自动旋转，保证签名体验。
• 签名引导：默认显示签名引导背景图，用户开始签名后自动隐藏。
• 签名校验：未签名时禁止提交，需先完成签名。
• 图片压缩：签名图片自动压缩，减少上传数据量。

操作说明

• 在签名区域内手写签名，签名时背景图自动隐藏。
• 点击"重写"可清空画布，重新签名。
• 签名完成后点击"提交"，签名图片将被压缩并上传。
• 提交按钮有防抖处理，5秒内不可重复提交。
• 若未签名直接提交，会提示"请先完成签名"。

横竖屏适配说明

• 页面自动检测设备方向，竖屏时画布区域自动旋转90度，保证签名区域宽度充足。
• 横屏下直接使用画布宽高。
• 相关样式已在页面内处理，无需额外适配。

注意事项

1. 页面为单独页面，非通用组件。
2. 签名区域需在指定画布内完成，超出区域无效。
3. 签名图片压缩、上传逻辑已内置。
4. 提交按钮有防抖处理，防止重复提交。
5. 页面依赖签名引导背景图（/static/sign_bg.png），需确保资源存在。
6. 页面依赖canvas相关API，需在支持的环境下使用。

---

如需扩展页面功能或适配更多业务场景，请根据实际需求调整页面结构和逻辑。