SignaturePad | Signature Pad makes capturing | Form library

Error Image

package.json

I recently tried upgrading Angular 11 to 12 in my Ionic App. It all went well, and the app is running with no errors in the browser. However, when I tried to run it on an Android phone, after the splash-screen disappears, the app gets stuck in a white screen.

I tried using chrone://inspect tool and see if I get any errors and this showed up:

I also get the same error on the Android Logcat: E/Capacitor/Console: File: http://localhost/vendor-es2015.js - Line 15729 - Msg: ERROR TypeError: goog.getLocale is not a function

I tried adding timeout to the splash-screen, updating libraries, deleting node_modules and reinstalling them, but nothing worked. I can't find much info on the web about this error.

Can anyone tell me what this error means or why is the app stuck here? It works well if I go back to Angular 11.

My package.json looks like this:

Right after the splash screen fades out, the app is stuck on a blank page leaving this error in the console (ProxyWeb::didFailProvisionalLoadForFrame)

Note that the same app works perfectly on all previous IOS versions. I tried to change the webview plugin version, cordova-ios, and played around with angular build process but no luck.

I suspect that the angular portion of the project does not initialize, cordova itself loads successfully but anything beyond that is just an empty blank screen.

I am trying to make a signature pad but the JS (scribbling line) works in a developing sandbox but not when I combine the files. I have placed my CSS in between the head tags and script just before closing the body tags to allow the JS to run after the other components have run. Not sure what is causing it not to run. Beginner here, so I apologise if my question is too entry-level. Any assistance would be greatly appreciated.

I run ng serve and there is the error about angular-devkit. So I installed it, but I got this error :

I have created a plugin which must generate a signed PDF. Before generating the PDF, you will need to input your name in a box and draw a signature using the pad.

I tried to do like in this question, but I get an error: Uncaught TypeError: $(...).signaturePad is not a function. Beside this error, the CSS is not loading, not JS too and the page where you need to sign looks like this: , but if I open the sign.html file in PC, it looks normal, like this:

I get this on every CSS and JS file that I have:

So, what I want to do is to solve the error from the signaturePad function and load the CSS & JS files properly, then after clicking Sunt de acord cu termenii si conditiile! to go to /templates/contract.php page and generate the PDF file with the signature that I have made on the sign.php file.

This is the code of sign.php file:

Please help as I am having error after upgrade my global @angular/cli to version 11. I have revert back to version 8. But now this error keep appear when I try to compile. I suspect is the version compatibility or mat-angular issue. I have already try to delete the node modules and reinstall using npm install. I have also try to use npm cache clean but still no result. I have follow the advice from this post. But the error still happen. Please advice.

I am trying to create a simple app where i can draw a signature over a pdf page that has been turned into a Bitmap. I'm successful on implementing the PDF feature but i'm having trouble implementing the SignaturePad feature in my app.

When i draw on my SignaturePad view, it draws exactly where i dragged on screen. Image: Signature on the drawing pad

However, when i display the resulting bitmap, the signature appears bigger and off-positioned. Image: Signature after displaying the resulting bitmap

I have tried multiple solution offerred to a closely-related problems like:

• https://stackoverflow.com/a/11437439/12209523
• https://stackoverflow.com/a/4013780/12209523
• https://stackoverflow.com/a/5891607/12209523

but none of them worked.

I have 0 (zero) experience of using the android.graphics library so i am clueless about what i'm doing wrong. Any help or suggestions are greatly appreciated!

My SignaturePad Class:

I'm trying to implement the SignaturePad in my react project and I can draw the signature, but I can't access the properties in order to clear it or save it. I get the error below on the ref={signCanvas} and also the current.clear() and signCanvas.current.clear() and signCanvas.getTrimmedCanvas().toDataURL("image/png")

No overload matches this call.