Signature_pad: FromDataURL réduisant la taille de l'image

Créé le 15 mai 2015 · 7Commentaires · Source: szimek/signature_pad

Bonjour,

Si j'enregistre une signature dans une base de données à l'aide de la fonction toDataURL(), puis que je recharge cette chaîne dans le canevas à l'aide de la fonction fromDataURL(), l'image résultante apparaît dans le canevas mais est sensiblement plus petite que l'image d'origine.

Pour tester, dessinez dans la toile le long des 4 bords. Enregistrez puis rechargez. Vous verrez que le côté droit et le bas de l'image ont maintenant un espace entre l'image et la bordure car l'image a été rendue légèrement plus petite.

Depuis que je ré-enregistre des images encore et encore pour une bonne raison, elles continuent de rétrécir à chaque sauvegarde !!!

Aider!

Source

rmmackay

Commentaire le plus utile

Pour faire la même taille d'image, vous pouvez ajouter des options
signaturePad.fromDataURL(data, {width: 100, height: 100})
la largeur, la hauteur doivent être identiques à la taille de la toile
Plus de détails:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts

demo-igor le 26 mars 2018

👍4 🎉3

Tous les 7 commentaires

Hmm, cela n'arrive que sur Retina Display, je viens de le reproduire. Vous devez vous en occuper vous-même d'une manière ou d'une autre, le créateur a déjà dit à plusieurs reprises que la bibliothèque ne devrait pas s'en occuper.

razvanphp le 15 mai 2015

Il semble que cela résout le problème:
http://jsfiddle.net/4JH75/19/

razvanphp le 15 mai 2015

👍2

Je rencontre le même problème avec le ratio de pixels de l'appareil 1. Avez-vous de l'aide ?

Mottoweb le 2 déc. 2015

Lié à https://github.com/szimek/signature_pad/issues/153

durasj le 17 juin 2016

demo-igor le 26 mars 2018

👍4 🎉3

Grâce à votre dernière réponse, nous pouvons maintenant résoudre le problème avec les problèmes de mise à l'échelle de fromDataURL, devrait fermer ce problème.