Turn an input element (filled by the user) into an image and save to current user

[cheskiefisch]

Would like to turn an input element after being filled by the user, into a jpeg image (Or any standard image format), and to be saved with the users record.

(as a bonus would also like the user to be able to preview the filled element in image format below the input form, after hitting the preview button, and before saving it)

Whats the right way to do it?

[blueback09]

Maybe this javascript signature panel will help Signature pad example