Signature_pad: 画像は黒の透明な背景で保存されます

作成日 2016年05月03日 · 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 2016年05月05日

👍4

全てのコメント4件

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

auam88 2016年05月05日

👍4

実際のバグは次のとおりです。backgroundColor： 'rgb（255,255,255）'またはbackgroundColor： 'rgba（255,255,255,0）'
動作せず、黒い背景が生成されます。
代わりに次を使用します：backgroundColor： '＃ffffff'が機能します。

badpenguin 2019年09月19日

🚀1 🎉1 👍1

@badpenguinそれも私には効かない

M1sterPl0w 2020年05月12日

色を変えてからキャンバスをクリアするとうまくいくことがわかりました

fishondor 2020年06月21日

👍1

このページは役に立ちましたか？

0 / 5 - 0 評価

Signature_pad: 画像は黒の透明な背景で保存されます

最も参考になるコメント

全てのコメント4件

関連する問題