Angular 署名フィールド | ng-hub-ui-signature

マウス、タッチ、ペン入力をスケーラブルな SVG フォーム値として保存する、アクセシブルな Angular 署名フィールド。取り消し、やり直し、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.

Tab キーで枠内に移動し、下のキーを使ってください。
  • ←↑↓→ペンを動かす
  • 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.

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.

ポインターで署名するか、矢印キーでペンを動かし、Space で下ろします。