Questions tagged [signaturepad]

164 questions
0
votes
1 answer

How to integrate Signature pad in a web application

I want to integrate a signature pad in my web application (.net or java). I have a form and my idea is to capture the signature and display it as soon as it is typed on the pad, and upon a submit sign a pdf(not a concern). My general questions are…
jakijunior
  • 39
  • 6
0
votes
0 answers

Trim SVG in JavaScript or PHP

i recently tried out the JS-Library signature_pad you can try it HERE and was relly supprised about how good it works. Now as I wanted to implement it into a little project I discovered a missbehaviour which I did not like: It exports always the…
Martin
  • 208
  • 4
  • 15
0
votes
0 answers

SIgnature pad: Can not properly detect mouse coordinates after scaling

I am using phrogz's solution for zooming and panning. Basically for a drawing pad. The issue is, after zooming and panning, the mouse movement and the drawing movement have a bit of distance, i.e. I mouse the mouse somewhere, it draws elsewhere. The…
0
votes
1 answer

Firefox canvas.captureStream captures black frames as was inactive

I'm trying to create a singature pad with https://github.com/szimek/signature_pad, capture the stream of the canvas and create a video of the signature from it. In Chrome works like a charm but in Firefox captures black frames instead (like if the…
0
votes
1 answer

Vertical writing/drawing not working in web view

I am using szimek signature_pad in the web-view of xamarin app. I am able to draw lines or write horizontally but they don't seem to be working vertically. Everything works fine in Desktop and Mobile Google chrome browser and signatures work perfect…
0
votes
1 answer

net mvc: Signaturepad toDataURL generates no line

Using Net MVC and Signaturepad, I´m taking a signature from users and generating a PNG by using this:
0
votes
2 answers

Using SignaturePad in ReactJS

Does anyone has experience in using SignaturePad in React? I realise that the example is using DOM which I can try to replicate with Ref in react, but it doesn't seem very natural and I can't see any example online of using it in React. Can anyone…
DevBF
  • 247
  • 4
  • 15
0
votes
0 answers

How to display retrieved Signature image byte array on SignaturePad

I have Page X with a SignaturePad on my Xamarin.Forms app and I save the signature into the database in the following way: if (!sp.IsBlank) { Stream image = await…
0
votes
2 answers

Using signature_pad with bootstrap modal and ajax saving

Using this code to plug a signature block into a form. Using a standard HTML form, this works great (ie, a non-ajax call, but a form submitting to a URL). But what I am now trying to do, is have the canvas in a bootstrap modal element on the page,…
kneidels
  • 956
  • 6
  • 29
  • 55
0
votes
0 answers

Signature pad imprint text size change within canvas ratio

I have implemented Signature pad canvas for my website. I want to make an imprint when saving signature after user signed. The problem I'm facing is to make that imprint size fit into canvas width. Canvas size is depends on users signature…
0
votes
1 answer

Trim white space around canvas on signature pad downloaded image

I have implemented signature pad.js to my website. I want to trim white spaces around drew signature. I'm now trimming transparent unused area surround my canvas. I have tried making canvas background white. Then this code isn't detecting the drew…
0
votes
1 answer

JavaScript/jQuery signature pad

Would like to ask if there's a way for transferring contents to another
. So that after putting the signature, it will be previewed on the inside of the
it was transferred to. I've used this library…
fsnight
  • 17
  • 1
  • 7
0
votes
0 answers

Signature Pad Break on rotation

I have same issue reference to https://github.com/szimek/signature_pad/issues/76 I have an app which is locked in portrait mode but my signature screen should rotate in landscape as design specs suggests. I rotated the screen in landscape using CSS…
Nagesh Katke
  • 540
  • 7
  • 23
0
votes
2 answers

Passing variable from inline Javascript to click handler in separate file

I have some inline javascript for using Signature Pad https://github.com/szimek/signature_pad It looks like this: var signaturePad = new SignaturePad(canvas, { backgroundColor: 'rgb(255, 255, 255)' }); clearButton.addEventListener("click",…
E-g
  • 524
  • 2
  • 12
0
votes
1 answer

Signature Drawpad using Ionic not working

I'm working on a native mobile app with Angular and ionic, I'm trying to add a signature zone on a page, but I've got somes errors I added this package : angular2-signaturepad I'm following this tutorial :…