مرحبا،
إذا قمت بحفظ توقيع في قاعدة بيانات باستخدام وظيفة toDataURL () ، ثم قمت بتحميل هذه السلسلة مرة أخرى في اللوحة القماشية باستخدام وظيفة fromDataURL () ، فستظهر الصورة الناتجة في اللوحة القماشية ولكنها أصغر بشكل ملحوظ من الصورة الأصلية.
للاختبار ، ارسم اللوحة القماشية على طول الحواف الأربعة. احفظ ثم أعد التحميل. ستلاحظ أن الجانبين الأيمن والسفلي من الصورة بهما مسافة بين الصورة والحدود لأن الصورة أصبحت أصغر قليلاً.
منذ أن قمت بإعادة حفظ الصور مرارًا وتكرارًا لسبب وجيه ، فإنها تتقلص مع كل حفظ !!!
يساعد!
حسنًا ، هذا يحدث فقط على شاشة Retina ، لقد قمت بإعادة إنتاجه للتو. قال المنشئ عدة مرات يجب أن تتعامل مع الأمر بنفسك بطريقة ما ، أن المكتبة لا ينبغي أن تهتم بهذا الأمر.
يبدو أن هذا يحل المشكلة:
http://jsfiddle.net/4JH75/19/
أواجه نفس المشكلة مع نسبة البكسل للجهاز 1. هل من مساعدة؟
لعمل نفس حجم الصورة يمكنك إضافة خيارات
signaturePad.fromDataURL(data, {width: 100, height: 100})
يجب أن يكون العرض والارتفاع مطابقًا لحجم اللوحة القماشية
المزيد من التفاصيل:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts
بفضل إجابتك الأخيرة ، يمكننا الآن حل مشكلة تحجيم fromDataURL ، يجب إغلاق هذه المشكلة.
شكرًا جزيلاً على الرد "demo-igor"
التعليق الأكثر فائدة
لعمل نفس حجم الصورة يمكنك إضافة خيارات
signaturePad.fromDataURL(data, {width: 100, height: 100})
يجب أن يكون العرض والارتفاع مطابقًا لحجم اللوحة القماشية
المزيد من التفاصيل:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts