Signature_pad: FromDataURL reduzindo o tamanho da imagem
Olá,
Se eu salvar uma assinatura em um banco de dados usando a função toDataURL() e carregar essa string de volta na tela usando a função fromDataURL(), a imagem resultante aparecerá na tela, mas será notavelmente menor que a imagem original.
Para testar, desenhe na tela ao longo de todas as 4 bordas. Salve e depois recarregue. Você verá que os lados direito e inferior da imagem agora têm espaço entre a imagem e a borda porque a imagem foi feita um pouco menor.
Como eu salvo as imagens repetidamente por um bom motivo, elas continuam diminuindo a cada salvamento !!!
Ajuda!
rmmackay
Todos 7 comentários
Hmm, isso acontece apenas no Retina Display, acabei de reproduzir. Você deve lidar com isso de alguma forma, o criador já disse várias vezes que a biblioteca não deveria cuidar disso.
razvanphp
em 15 mai. 2015
Parece que isso resolve o problema:
http://jsfiddle.net/4JH75/19/
razvanphp
em 15 mai. 2015
Estou enfrentando o mesmo problema com a proporção de pixels do dispositivo 1. Alguma ajuda?
Mottoweb
em 2 dez. 2015
Relacionado a https://github.com/szimek/signature_pad/issues/153
durasj
em 17 jun. 2016
Para fazer o mesmo tamanho de imagem, você pode adicionar opções
signaturePad.fromDataURL(data, {width: 100, height: 100})
largura, altura deve ser igual ao tamanho da tela
Mais detalhes:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts
demo-igor
em 26 mar. 2018
Graças à sua última resposta, agora podemos corrigir o problema com problemas de dimensionamento fromDataURL, devendo encerrar esse problema.
iDevIt007
em 5 nov. 2018
Muito obrigado pela resposta "demo-igor"
pavankumar0425
em 20 ago. 2019
Questões relacionadas
Zuldra
·
4Comentários
lowe493
·
5Comentários
khawye
·
4Comentários
cristhianDt
·
7Comentários
50l3r
·
3Comentários
Comentários muito úteis
Para fazer o mesmo tamanho de imagem, você pode adicionar opções
signaturePad.fromDataURL(data, {width: 100, height: 100})largura, altura deve ser igual ao tamanho da tela
Mais detalhes:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts