Signature_pad: Gambar disimpan dengan latar belakang transparan hitam

Dibuat pada 3 Mei 2016 · 4Komentar · Sumber: szimek/signature_pad

Saya mengatur properti untuk pad tanda tangan sebagai berikut:

  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)";

Saya mengatur warna latar belakang menjadi putih, tetapi ketika saya menyimpan dan memuatnya kembali, itu ditampilkan dengan latar belakang hitam, saya mencoba menyimpannya sebagai PNG dan JPEG, tetapi dengan yang pertama latar belakang transparan dan yang lainnya saya mendapatkan latar belakang hitam. Apakah saya menerapkan sesuatu yang salah? Jika Anda membutuhkan lebih banyak kode, saya akan dengan senang hati mematuhinya.

Sumber

auam88

Komentar yang paling membantu

Setelah melakukan beberapa pengujian sendiri, saya mulai memeriksa contoh yang menggunakan warna latar belakang, untungnya Demo Menggambar di atas gambar yang diberikan penulis menunjukkan kepada saya cara lain untuk membuat instance SignaturePad:

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

Ketika warna latar belakang diatur seperti ini, warna itu tetap ada di semua gambar JPEG yang saya gambar. Jika ada yang memiliki masalah seperti ini, saya sarankan untuk meneruskan parameter seperti ini daripada mengaturnya setelahnya.

auam88 pada 5 Mei 2016

👍4

Semua 4 komentar

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

auam88 pada 5 Mei 2016

👍4

Bug sebenarnya adalah: backgroundColor: 'rgb(255,255,255)' atau backgroundColor: 'rgba(255,255,255,0)'
tidak akan berfungsi dan menghasilkan latar belakang hitam.
Alih-alih menggunakan: backgroundColor: '#ffffff' akan berfungsi.