حقل توقيع Angular | ng-hub-ui-signature
حقل توقيع Angular متاح يحفظ إدخال الماوس واللمس والقلم كقيم SVG قابلة للتوسيع، مع التراجع والإعادة وتصدير PNG.
آخر تحديث 14/08/2026
نظرة عامة
لماذا تبحث الفِرَق عن هذه المكتبة
استخدم ng-hub-ui-signature عندما يحتاج النموذج إلى مساحة توقيع قابلة لإعادة الاستخدام ومتاحة وقابلة للنقل.
التثبيت
npm install ng-hub-ui-signatureانتقل إلى
مثالي لـ
- قبول العقود
- تأكيد التسليم
- نماذج الموافقة
- مسارات الاعتماد
حول signature
ng-hub-ui-signature هو حقل نموذج Angular مستقل يعتمد على Pointer Events. يلتقط ضربات الماوس واللمس والقلم كقيمة SVG ControlValueAccessor، ويستعيد التوقيعات المحفوظة ويوفر المسح والتراجع والإعادة وتصدير PNG.
أدلّة الميزات
Capture and edit signatures
Pointer input works with a mouse, touch screen or pen, then keeps a scalable SVG history for undo, redo and form persistence.
أمثلة:
التوقيع
Draw a signature and use the built-in history actions.
الكود
الاستيراد:
القالب:
المكوّن:
Reactive external translations
The action-label contract accepts strings or reactive sources, so Transloco and ngx-translate language changes update the field without a direct package dependency.
أمثلة:
Transloco و ngx-translate
اربط تدفقات ترجمة تفاعلية لتحديث الإجراءات عند تغيير اللغة.
الكود
الاستيراد:
القالب:
المكوّن:
الميزات الرئيسية
التغييرات الأخيرة
Version 22.1.0 - 8/14/26, 12:00 AM
fixed: The field now really inherits the ng-hub-ui-forms contract. The --hub-signature-* slots defaulted to a --hub-field-* family that no library declares, so they always fell through to their sys/ref fallbacks and a form themed with --hub-input-bg left its signature field untouched. They now read the canonical tokens of the .hub-field__* shell: --hub-input-* for the drawing surface, --hub-label-* for the label and --hub-form-disabled-opacity for the disabled state.
added: The eleven --hub-signature-* tokens are documented in the design-system token spec, so they now appear in the library reference table.
Version 22.0.0 - 8/14/26, 12:00 AM
added: Initial signature field release.