Angular 签名字段 | ng-hub-ui-signature
可访问的 Angular 签名字段，将鼠标、触摸和手写笔输入保存为可缩放 SVG 表单值，并支持撤销、重做和 PNG 导出。
交互式示例
探索实时示例，了解该库在常见 Angular 用例中的表现。
签名
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
Transloco 和 ngx-translate
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
用键盘签名
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
- ←↑↓→移动笔尖
- Shift + →移动得更远
- Space / Enter落笔，再次按下则抬笔并提交笔画
- Esc丢弃正在书写的笔画
作为表单控件的签名
绘制事件与笔画数据
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
调整绘制区域与笔触
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
标签的位置
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
单独为一个字段命名
授权签署人
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.
以标记书写的帮助文字与错误