Resizing signature(s) and update content

[PlippiePlop]

I have created a page with a signature. it should resize for different devices. I created a function out of it to resize the canvas on resize changes. It works perfectly if I regenerate the signature inside the resize function. However the drawn signature inside is reset after resizing.

This means if user write a signature and changes orientation the signature is gone.

If I leave out the regenerate() function the options are gone. Meaning the pen color is black and the signature line is gone. Basically if you draw someting and then resize the window or change orientation the drawing is gone.

Is there a way to keep the drawing after resizing events?

Jsfidle here: http://jsfiddle.net/n7Ey5/

[PlippiePlop]

I have updated the fiddle. Fixed most of the issues with dynamic resizing of signature pads. For anyone who's looking for a start using multiple signatures and resizing fork it and use it.

There is only one problem remaining: On resizing the size of the signature itself stays the same. It is not resizing with the canvas itself.

[thomasjbradley]

Thanks for the contribution. I’ll likely use your code in the next version of Signature pad.