Signature_pad: Изображение сохраняется с черным прозрачным фоном

Созданный на 3 мая 2016 · 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

Самый полезный комментарий

Проведя некоторое собственное тестирование, я начал проверять примеры, в которых использовался цвет фона, к счастью, демонстрация «Рисование поверх изображения», предоставленная автором, показала мне другой способ создания экземпляра SignaturePad:

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

Когда цвет фона был установлен таким образом, он сохранялся на всех моих изображениях JPEG, которые я рисовал. Если у кого-то есть такая проблема, я рекомендую передавать такие параметры, а не устанавливать их после.

auam88 5 мая 2016

👍4

Все 4 Комментарий

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

auam88 5 мая 2016

👍4

Настоящая ошибка: backgroundColor: 'rgb(255,255,255)' или backgroundColor: 'rgba(255,255,255,0)'
не будет работать и создаст черный фон.
Вместо этого используйте: backgroundColor: '#ffffff' будет работать.