brinley / jSignature

jQuery plugin for adding web signature functionality
http://www.unbolt.net/jSignature
696 stars 529 forks source link

JSignature canvas very slow on iOS 7 #46

Closed wasantha closed 8 years ago

wasantha commented 10 years ago

I have developed a PhoneGap app which uses the jSignature plugin. The application has four divs that captures four signatures. This app worked perfectly on iOS 6 but on iOS 7 the canvas has slowed down considerably and has rendered the application unusable. Please let me know if there is any way to speed up the canvas.

brinley commented 10 years ago

I do not have an IOS 7 device to test this on. Can you verify if you have the latest version of iOS 7 as I've read that various issues were fixed in 7.0.4

wasantha commented 10 years ago

Hi Brinley, yes, it was tested on the latest version of IOS 7.0.4. I have uploaded a video on youtube which shows the performance difference. The video is available at http://youtu.be/LHOCmYoCazs

brinley commented 10 years ago

Since I'm not able to debug this.

Can you try modifying your versions of jSignature and replace ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, endx, endy);

with

ctx.lineTo(endx, endy);

wasantha commented 10 years ago

Hi Brinley, I tried what you requested by changing from bezierCurve to line but that did not work. I also assumed that it will work since bezierCurves are resource hungry but unfortunately the canvas performance remains the same.

On Tue, Nov 26, 2013 at 2:14 AM, Brinley Ang notifications@github.comwrote:

Since I'm not able to debug this.

Can you try modifying your versions of jSignature and replace ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, endx, endy);

with

ctx.lineTo(endx, endy);

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/46#issuecomment-29240136 .

brinley commented 10 years ago

Can you also confirm if it affects mobile safari? If possible can you access the same code in mobile safari as opposed to a webview?

On Tue, Nov 26, 2013 at 3:11 AM, wasantha notifications@github.com wrote:

Hi Brinley, I tried what you requested by changing from bezierCurve to line but that did not work. I also assumed that it will work since bezierCurves are resource hungry but unfortunately the canvas performance remains the same.

On Tue, Nov 26, 2013 at 2:14 AM, Brinley Ang notifications@github.comwrote:

Since I'm not able to debug this.

Can you try modifying your versions of jSignature and replace ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, endx, endy);

with

ctx.lineTo(endx, endy);

— Reply to this email directly or view it on GitHub< https://github.com/brinley/jSignature/issues/46#issuecomment-29240136> .

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/46#issuecomment-29284099 .

Brinley Ang Software Developer & Consultant http://www.unbolt.net

doekenorg commented 10 years ago

Had the same problem. I found out that it was because I blurred the background. Apparently that took too much from the iPad / iOS simulator. So check if you have some "extravagant" CSS3 in your layout.

brinley commented 8 years ago

Closing as it sounds like a external issue