Signature_pad: يتم حفظ الصورة بخلفية سوداء شفافة

تم إنشاؤها على ٣ مايو ٢٠١٦ · 4تعليقات · مصدر: szimek/signature_pad

قمت بتعيين خصائص لوحة التوقيع على النحو التالي:

  signaturePad = new SignaturePad(canvasPad);
  signaturePad.minWidth = 1;
  signaturePad.maxWidth = 1.5;
  signaturePad.dotSize = 3;
  signaturePad.backgroundColor = "rgb(255, 255, 255)";
  signaturePad.penColor = "rgb(66, 133, 244)";

أقوم بتعيين لون الخلفية باللون الأبيض ، ولكن عندما قمت بحفظه ثم إعادة تحميله ، تم عرضه بخلفية سوداء ، حاولت حفظه بتنسيق PNG و JPEG ، ولكن مع الأول تكون الخلفية شفافة والآخر أحصل على خلفية سوداء. هل أقوم بتنفيذ شيء خاطئ؟ إذا كنت بحاجة إلى المزيد من التعليمات البرمجية ، فسأمتثل بسعادة.

مصدر

auam88

التعليق الأكثر فائدة

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

var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
  backgroundColor: 'rgba(255, 255, 255, 0)',
  penColor: 'rgb(0, 0, 0)'
});

عندما تم تعيين لون الخلفية على هذا النحو ، فقد استمر في جميع صور JPEG التي رسمتها. إذا كان لدى أي شخص هذا النوع من المشاكل ، فإنني أوصي بتمرير المعلمات مثل هذا بدلاً من تعيينها بعد ذلك.

auam88 في ٥ مايو ٢٠١٦

👍4

ال 4 كومينتر

var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
  backgroundColor: 'rgba(255, 255, 255, 0)',
  penColor: 'rgb(0, 0, 0)'
});

auam88 في ٥ مايو ٢٠١٦

👍4

الخطأ الحقيقي هو: backgroundColor: 'rgb (255،255،255)' أو backgroundColor: 'rgba (255،255،255،0)'
لن يعمل ويولد خلفية سوداء.
بدلاً من ذلك باستخدام: backgroundColor: ستعمل "#ffffff".