Signature_pad: التوقيع على أنه BLOB لـ SQL DB؟

بالتأكيد. نستخدمه للتعامل مع اتفاقيات الإيجار ، وبعد أن يسحب المستخدم توقيعه في اللوحة وينقر على "حفظ" ، نقوم بإدراج حقل مخفي يرسل إلى الخادم ويحتوي على signaturePad.toData() . على جانب الخادم ، يمكنك القيام بالعديد من الأشياء باستخدام هذا ، مثل إعادة رسم التوقيع في وقت لاحق ، ورسم التوقيع إلى ملف PDF مركب وتحميله إلى حاوية AWS للرجوع إليه لاحقًا.

<input type="hidden" name="document_templates_signature_request[signature]" value="[[{"x":61.84375,"y":228,"time":1591550609648},{"x":68.84375,"y":213,"time":1591550609782},{"x":73.84375,"y":206,"time":1591550609798},{"x":81.84375,"y":198,"time":1591550609815},{"x":94.84375,"y":187,"time":1591550609832},{"x":102.84375,"y":179,"time":1591550609848},{"x":110.84375,"y":173,"time":1591550609864},{"x":117.84375,"y":170,"time":1591550609897},{"x":118.84375,"y":182,"time":1591550609947},{"x":108.84375,"y":215,"time":1591550609963},{"x":105.84375,"y":239,"time":1591550609979},{"x":104.84375,"y":265,"time":1591550609995},{"x":104.84375,"y":282,"time":1591550610012},{"x":105.84375,"y":294,"time":1591550610028},{"x":114.84375,"y":314,"time":1591550610044},{"x":123.84375,"y":318,"time":1591550610060},{"x":142.84375,"y":315,"time":1591550610077},{"x":156.84375,"y":307,"time":1591550610093},{"x":192.84375,"y":280,"time":1591550610109},{"x":198.84375,"y":274,"time":1591550610125},{"x":203.84375,"y":270,"time":1591550610141},{"x":218.84375,"y":259,"time":1591550610157},{"x":222.84375,"y":256,"time":1591550610174},{"x":227.84375,"y":255,"time":1591550610207},{"x":231.84375,"y":261,"time":1591550610240},{"x":238.84375,"y":267,"time":1591550610257},{"x":248.84375,"y":270,"time":1591550610273},{"x":287.84375,"y":269,"time":1591550610290},{"x":312.84375,"y":257,"time":1591550610307},{"x":355.84375,"y":226,"time":1591550610323},{"x":367.84375,"y":218,"time":1591550610341},{"x":387.84375,"y":202,"time":1591550610357},{"x":394.84375,"y":197,"time":1591550610374},{"x":403.84375,"y":192,"time":1591550610390},{"x":403.84375,"y":199,"time":1591550610407},{"x":394.84375,"y":237,"time":1591550610424},{"x":388.84375,"y":266,"time":1591550610440},{"x":386.84375,"y":301,"time":1591550610457},{"x":386.84375,"y":337,"time":1591550610475},{"x":387.84375,"y":355,"time":1591550610491},{"x":392.84375,"y":367,"time":1591550610507},{"x":386.84375,"y":337,"time":1591550610475}]]">

بالتأكيد. نستخدمه للتعامل مع اتفاقيات الإيجار ، وبعد أن يسحب المستخدم توقيعه في اللوحة وينقر على "حفظ" ، نقوم بإدراج حقل مخفي يرسل إلى الخادم ويحتوي على signaturePad.toData() . على جانب الخادم ، يمكنك القيام بالعديد من الأشياء باستخدام هذا ، مثل إعادة رسم التوقيع في وقت لاحق ، ورسم التوقيع إلى ملف PDF مركب وتحميله إلى حاوية AWS للرجوع إليه لاحقًا.

<input type="hidden" name="document_templates_signature_request[signature]" value="[[{"x":61.84375,"y":228,"time":1591550609648},{"x":68.84375,"y":213,"time":1591550609782},{"x":73.84375,"y":206,"time":1591550609798},{"x":81.84375,"y":198,"time":1591550609815},{"x":94.84375,"y":187,"time":1591550609832},{"x":102.84375,"y":179,"time":1591550609848},{"x":110.84375,"y":173,"time":1591550609864},{"x":117.84375,"y":170,"time":1591550609897},{"x":118.84375,"y":182,"time":1591550609947},{"x":108.84375,"y":215,"time":1591550609963},{"x":105.84375,"y":239,"time":1591550609979},{"x":104.84375,"y":265,"time":1591550609995},{"x":104.84375,"y":282,"time":1591550610012},{"x":105.84375,"y":294,"time":1591550610028},{"x":114.84375,"y":314,"time":1591550610044},{"x":123.84375,"y":318,"time":1591550610060},{"x":142.84375,"y":315,"time":1591550610077},{"x":156.84375,"y":307,"time":1591550610093},{"x":192.84375,"y":280,"time":1591550610109},{"x":198.84375,"y":274,"time":1591550610125},{"x":203.84375,"y":270,"time":1591550610141},{"x":218.84375,"y":259,"time":1591550610157},{"x":222.84375,"y":256,"time":1591550610174},{"x":227.84375,"y":255,"time":1591550610207},{"x":231.84375,"y":261,"time":1591550610240},{"x":238.84375,"y":267,"time":1591550610257},{"x":248.84375,"y":270,"time":1591550610273},{"x":287.84375,"y":269,"time":1591550610290},{"x":312.84375,"y":257,"time":1591550610307},{"x":355.84375,"y":226,"time":1591550610323},{"x":367.84375,"y":218,"time":1591550610341},{"x":387.84375,"y":202,"time":1591550610357},{"x":394.84375,"y":197,"time":1591550610374},{"x":403.84375,"y":192,"time":1591550610390},{"x":403.84375,"y":199,"time":1591550610407},{"x":394.84375,"y":237,"time":1591550610424},{"x":388.84375,"y":266,"time":1591550610440},{"x":386.84375,"y":301,"time":1591550610457},{"x":386.84375,"y":337,"time":1591550610475},{"x":387.84375,"y":355,"time":1591550610491},{"x":392.84375,"y":367,"time":1591550610507},{"x":386.84375,"y":337,"time":1591550610475}]]">

شكرًا جزيلاً ، هل يمكنني اختيار عقلك أكثر حول هذا الأمر؟

أَكِيدْ. إذا كنت تريد وضع بريدك الإلكتروني في ملف تعريف العرض الخاص بك ، فسأرسل إليك بريدًا إلكترونيًا بعد ظهر اليوم

أَكِيدْ. إذا كنت تريد وضع بريدك الإلكتروني في ملف تعريف العرض الخاص بك ، فسأرسل إليك بريدًا إلكترونيًا بعد ظهر اليوم

أَكِيدْ. لقد فعلت ذلك الآن

أود بعض المساعدة في هذا.

apikman - حل آخر موصوف في رقم 334

tl ؛ dr -> بناءً على احتياجات دعم المتصفح ، يمكنك فقط الحصول على النقطة من اللوحة

//select your canvas-html element
canvas.toBlob((theBlob) => {
  // do whatever with "theBlob"
});  

آسف .... أعلم أن هذا مغلق ، لكنني سأبحث عن بعض المساعدة في هذا أيضًا.
نحن نستخدم حل تخطيط موارد المؤسسات مع أداة التوقيع هذه للعملاء لتأكيد قبول الخدمات. على الشاشة يبدو رائعًا ولكن في اللحظة التي نطبعها فيه تبدو صغيرة ... الشركة التي باعتنا حل ERP رفضت استثمار الوقت في إيجاد حل ..... :(