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 댓글

관련 문제