Questions tagged [signaturepad]

164 questions
3
votes
1 answer

Typescript | TypeError: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ is not a constructor

I'm currently working on an Angular2 project and I'm trying to use a JS library (https://github.com/szimek/signature_pad) for signature input. I've tried using the library as is, with my code as follows: // .ts file import * as SignaturePad from…
llamarama
  • 835
  • 1
  • 6
  • 11
3
votes
1 answer

ASP.NET MVC how can I convert my byte[] of a signature, using the signaturepad library, into a jpeg that keeps the signature's image?

I have been capturing user signatures using signature pad (https://github.com/szimek/signature_pad/). I need to be able to convert these signatures into a jpeg that retains the image of the signature. I can't get it to work with out the images just…
Tyler S. Loeper
  • 816
  • 11
  • 22
3
votes
1 answer

How to add 2 signature_pad in a same page

I am trying to put 2 signature fields in a same page, using this demo http://szimek.github.io/signature_pad and code at https://github.com/szimek/signature_pad. How can I put 2 signature pads in the same page, with 2 clear buttons that work for each…
Ronaldinho Learn Coding
  • 13,254
  • 24
  • 83
  • 110
3
votes
2 answers

How can I add a check if a signature is entered using jquery validation and signature_pad?

I'm using jquery.validate.js to validate multiple fields in my form along with smizek's signature_pad. I want to validate if something is drawn on the html canvas (signature pad) at the same time all the other input fields are…
CLL
  • 1,312
  • 3
  • 13
  • 26
2
votes
1 answer

Signature-pad on Rails 6 and Webpacker

Hi I installed with yarn the package signature_pad@3.0.0-beta.4 which I would like to add and use in a Rails 6 project with Webpacker. However when trying to use the package it throws an error : Uncaught ReferenceError: SignaturePad is not defined I…
2
votes
0 answers

Signature Pad not detecting any click and not drawing as a result

I am fairly new to angularjs and am trying to integrate signature_pad library by szimek into my application. Basically I have a bootstrap tab in place for different methods to accept user's signature. One is just typing the name in the input field…
2
votes
1 answer

How to use SignaturePad with React TypeScript

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…
kas_miyulu
  • 335
  • 1
  • 5
  • 27
2
votes
0 answers

How to test SignaturePad

How to test the value from SignaturePad canvas in Cypress ? Because i have a component that restored the value from json and i need to test it but it fails cause the canvas is always empty whet i try to access that. The problem: in test case i…
Alexey Nikonov
  • 4,958
  • 5
  • 39
  • 66
2
votes
4 answers

How to resize angular2-signaturepad

I need to dynamically change the width of signature pad. How can i do it? (angular2-signaturepad)
Markomar
  • 143
  • 1
  • 9
2
votes
1 answer

Retrieving Signature from Point-Array

I'm trying to retrieve the Points of a SignaturePad to redisplay the signature. public static void GetPoints(string airid, SignaturePadView padView) { List DBStrokes = SqLiteHelper.conn.Query("select * from Strokes where…
Klaus Grosche
  • 85
  • 1
  • 7
2
votes
0 answers

How to give focus to canvas in signature pad?

I have a signature pad and a tinymce editor in a page of my ionic/angular application(android). Both are working fine. But i am facing an weird problem. When the tinymce editor is in focus, the keyboard is showing. Now, if i click on the canvas, the…
Setu Kumar Basak
  • 11,460
  • 9
  • 53
  • 85
2
votes
0 answers

SignaturePad isn't so smooth?

I have tried looking for a signature pad to allow signature drawing in my website, The SignaturePads that I looked at are these: https://github.com/szimek/signature_pad (Demo:…
dinbrca
  • 1,101
  • 1
  • 14
  • 30
2
votes
1 answer

SignaturePadView in Xamarin Forms different on ios and android

I have added the Nuget packages for Xamarin.Controls.SignaturePad.Forms into my xamarin forms solution. I call the GetImageStreamAsync(SignatureImageFormat.Jpg);. When I run it with White background and black stroke color it only works on ios.…
dayzee
  • 81
  • 6
2
votes
2 answers

Xamarin Signature Pad. Cannot save Signature

I'm new to Xamarin. I want to implent a signature pad when the user clicks a button and save the signature to a variable. I want to use this signature pad https://components.xamarin.com/view/signature-pad and I tried to implement the pad as…
Sep Pei
  • 21
  • 2
2
votes
2 answers

how to add a background image to signature pad

How do I export together with the background image together? Demo :http://59.127.247.144/AmhsGlassrecord/ I want to get results : enter image description here Javascript var wrapper = document.getElementById("signature-pad"), clearButton =…
Jiawei0418
  • 23
  • 1
  • 6
1
2
3
10 11