Code

Discussion on HTML5 Signature Pad to Image

Discussion on HTML5 Signature Pad to Image

Cart 558 sales

mrFreelancer supports this item

Supported

This author's response time can be up to 2 business days.

103 comments found.

Hi, I need to know if can add a background to the canvas and if the possibility of change it with a select input or preadded images? like per example old paper, yellow paper like notes or crumpled paper

best regards!

Technically you can add a background but you’ll have to write your own function to do so. Best is to include it in the existing body event listener that instantiates everything.

but the background will save it with the signature? and can you explain me how can I change the background if is possible?

Best regards!

Technically yes, if apply a background, it should save BUT, it needs to be of an image that is local. In other words, it has to be on the same accessible server (or directly path). Hit me up privately for additional details.

Hi,

I need to know in which part of “dd_signature_process.php” can I save the image(.png) to Database?

Best Regards!

Hi Asterix, sorry for the late reply… didn’t realize I had a new comment.

dd_signature_process.php does not save the img to any DB. It only generates the image and stores it in a specified directory. It’s up to you to add your own DB methods. Hope that helps.

Hi,

Yes I know that don’t save it…but my question is in which part can I insert my code to save into DB?

Well, you can write your code anywhere really. If you’re able to write and understand PHP, it can be added to the dd_signature_process.php. Of course, explaining where and any details is beyond the scope of this software. Or you can simply write your own file that can fetch the image from the directory it’s saved and process it however you wish.

If you’d like further consultation, send me a private email and we can discuss rates.

Hope that helps :)

Hi,

How can I change the pencil color.

Thanks

That can be done in the settings of the javascript file. There’s an option to change pencil colors.

I as well am having the problem of nothing saving. I even uploaded your demo direct and changed Permission on the tmp folder to 0777

Hi, thanks for purchasing. Do you have a link to your demo? It might help if I can see it in action.

I decided to add a random number to prepend signature file filed, which results in all files saved to the tmp directory. Is there a code that can be added to clear this folder after a period of time (delete all files) or after 30 signatures have been saved?

Thanks for purchasing! Unfortunately I didn’t include any such utilities. It’ll be on my list to include in the next version though :)

hey signature pad is not working on chrome Version 33.0.1750.154 m Any ideas? works great on firefox.

Hi superjew11, I just tested it on that exact chrome version (which I have), and it works fine. If you haven’t resolved it yet, do you have a live example so I can see?

All working great, but when using in WebApp on mobile signal there seems to be a 3 second time out – can this be adjusted?

Yes, there is a 3 second delay (2.5 to be exact), until ajax times out. You can actually open up the dd_signature_pad.js file and do a search for “2500” (there’s only 1). Once found, simply replace that value with your own. Please keep in mind that 2500 is in miliseconds.

Hope this helps!

Is there a way, if this was hosted locally (no internet), could it save these signatures to a folder on the desktop?

Yes. If you’re running a local server, such as a WAMP, XAMP, MAMP, etc, it’ll work out of the box.

I’m using the last Chrome version (29.0.1) and there is a 3cm difference between the cursor and the drawing (no problem on FF).

That is a drawing delay in Chrome itself. You’ll notice if you draw slowly, it’s write on the dot. It only occurs when u move faster… the draw rate is simply slow.

Hi please check my website

http://www.dmc.tv/meditation/write-test.php

i’m not sure why when clicked on the pencil size box or colour pad, I cannot click to close the pencil size box or colour pad.

please help me fix this.

There could be several reasons. 1. First, I noticed you have a javascript error on your page when it loads. You prob want to resolve this first. 2. Be sure you’re not overloading any native objects/functions of the dd signature js file.

Hope this helps

Some browsers it wants to work While other times it does not. I have seen it work on My google Chrome while not on others with same browser. Anything I can do to fix to make it work on all broswers

It depends on the browser version. Older versions are not supported

The saved png signature keeps overwriting itself for every new signature. Is there a way to get every signature to have a different file name so they don’t constantly overwrite each other?

You’ll want to add your own script that will change the base file name each time.

Can you tell me how I can change these settings to work with FPDF http://fpdf.org/en/doc/image.htm

For PNGs, are allowed: gray scales on at most 8 bits (256 levels) indexed colors true colors (24 bits)

I got that issue fixed but here is my next issue… When I click the “Save Signature” button I want it to redirect to another page but I do not see where I can adjust this… Any help will be greatly appreciated. Thank you!

Sorry, been away. Were u able to find a solution?

Great plugin! It works on my local server but when I push to the live server the image does not save… Is this a directory path issue? 777 issue? How would I setup the tmp to 777? Thank you in advance!

would be cool if you can take a photo using the phone’s camera and combine the 2 image together.

great thought. I’ll consider that in the next version :)

Hello, your plugin is great, I connected your code on my form and I save the file name with the user’s name in the database, but I can not redirect after signing. I put the redirect code in the file and show me an error. But still the image is recorded. Where I put the redirect code in your file?

Sorry for the delay. Do you still an answer to this question?

Hi, we purchased your plugin to work in a custom jquery-mobile boilerplate for a phonegap application for ipad.

The plugin seems to work correctly on firefox but fails to draw anything on chrome and safari. The resources load properly and Chrome’s console doesn’t throw any errors.

Thanks in advance!

Sorry for the delay. Do you still an answer to this question?

The script is great but how can i just return the value of DATA before posting to a php script base64_encode(DATA); . The eval function is so complex.

You can accomplish this a couple of ways.

1. You can simply tweak the javascript method “dd_saveSignature”. Right at the “var data = objCanvas….” you can simply return here or have it customized to your likings.

2. You can re-write the submit button event listener….

objSaveButton.addEventListener(‘click’,function(event){ dd_saveSignature(this,event); },false );

Hope this helps

I’m having an issue saving the signature, everything works fine but I get a popup error saying “I could not save your signature. Please try again.” I am using EasyPHP and it does have gd functions.

What have you seen in the past of why this error is happening?

Thank you.

Have you checked to make sure the directory it’s writing to exists and is writable (0777)? Typically this is the most common issue.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey