Signature_pad: FromDataURL reducing image size

Created on 15 May 2015 · 7Comments · Source: szimek/signature_pad

Hello,

If I save a signature to a database using the toDataURL() function, and then I load that string back into the canvas using the fromDataURL() function, then the resulting image appears in the canvas but is noticeably smaller than the original image.

To test, draw in the canvas along all 4 edges. Save and then reload. You will see that the right-side and bottom-sides of the image now have space between the image and the border because the image was made slightly smaller.

Since I re-save images over and over for a good reason, they keep shrinking with each save!!!

Help!

Source

rmmackay

Most helpful comment

To make the same image size you can add options
signaturePad.fromDataURL(data, {width: 100, height: 100})
width, height should be the same as canvas size
More details:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts

demo-igor on 26 Mar 2018

👍4 🎉3

All 7 comments

Hmm, this happens only on Retina Display, I just reproduced it. You must deal with it yourself somehow, the creator said already multiple times that the library should not take care of this.