Signature_pad: 이미지 크기 줄이기 FromDataURL

에 만든 2015년 05월 15일 · 7코멘트 · 출처: szimek/signature_pad

안녕하세요,

toDataURL() 함수를 사용하여 데이터베이스에 서명을 저장한 다음 fromDataURL() 함수를 사용하여 해당 문자열을 캔버스에 다시 로드하면 결과 이미지가 캔버스에 나타나지만 원본 이미지보다 눈에 띄게 작습니다.

테스트하려면 4개의 가장자리를 모두 따라 캔버스에 그립니다. 저장한 다음 다시 로드합니다. 이미지가 약간 작게 만들어졌기 때문에 이미지의 오른쪽과 아래쪽에 이미지와 테두리 사이에 공간이 있는 것을 볼 수 있습니다.

좋은 이유로 이미지를 반복해서 다시 저장하기 때문에 저장할 때마다 계속 축소됩니다!!!

돕다!

출처

rmmackay

가장 유용한 댓글

동일한 이미지 크기를 만들려면 옵션을 추가할 수 있습니다
signaturePad.fromDataURL(data, {width: 100, height: 100})
너비, 높이는 캔버스 크기와 같아야 합니다.
자세한 내용은:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts

demo-igor 에 2018년 03월 26일

👍4 🎉3

모든 7 댓글

흠, 이것은 Retina Display에서만 발생합니다. 방금 재현했습니다. 어떻게든 스스로 처리해야 합니다. 작성자는 이미 여러 번 라이브러리에서 이를 처리하지 않아야 한다고 말했습니다.

razvanphp 에 2015년 05월 15일

이것이 문제를 해결하는 것 같습니다.
http://jsfiddle.net/4JH75/19/

razvanphp 에 2015년 05월 15일

👍2

장치 픽셀 비율 1과 동일한 문제가 발생합니다. 도움이 필요하십니까?

Mottoweb 에 2015년 12월 02일

https://github.com/szimek/signature_pad/issues/153 관련

durasj 에 2016년 06월 17일

동일한 이미지 크기를 만들려면 옵션을 추가할 수 있습니다
signaturePad.fromDataURL(data, {width: 100, height: 100})
너비, 높이는 캔버스 크기와 같아야 합니다.
자세한 내용은:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts

demo-igor 에 2018년 03월 26일

👍4 🎉3

마지막 답변 덕분에 이제 fromDataURL 확장 문제와 관련된 문제를 해결할 수 있으므로 이 문제를 종료해야 합니다.

iDevIt007 에 2018년 11월 05일

"demo-igor" 답변 감사합니다.

pavankumar0425 에 2019년 08월 20일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

너비와 높이

crazzeto · 8코멘트

IE11 구문 오류

c2ofh · 7코멘트

100% 너비로 작동하는 방법은 무엇입니까?

hostcia · 6코멘트

.fromDataURL() 크기 조정 문제 사용

MarcGodard · 8코멘트

서버 파일에 이미지 저장

davidosuna1987 · 11코멘트