Discussion :

[thecrazyspy]

Bonjour,

J'utilise dans un formulaire jsignature ce qui me permet de signé via tablet, ensuite je créé un PDF de ce formulaire via HTML2PDF, mais je n'arrive pas à recupéré la signature, je ne comprends pas comment fonctionne l'export pour l'avoir au format image, qui pourrait être passer dans mon formulaire par POST ou GET dans l'URL .

Comment puis je faire pour exporter ma signature au format img tel que : image/png;base64,iVBORw0K

http://willowsystems.github.io/jSignature/#/demo/

[ant0inep]

Bonjour, j'ai exactement le même soucis, as tu réussi a trouver une solution ?

[NoSmoking]

Bonjour,
as tu seulement regardé la page de démo et suivi les liens?

[ant0inep]

Oui bien sur... C'est après avoir suivi cette doc que j'ai recherché de l'aide. J'ai inséré l'outil de signature dans un formulaire mais je n'arrive pas à récupérer les données ...

[NoSmoking]

L'exemple à pourtant l'air clair

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var $sigdiv = $("#signature")
	$sigdiv.jSignature() // inits the jSignature widget.
	// after some doodling...
	$sigdiv.jSignature("reset") // clears the canvas and rerenders the decor on it.
 
	// Getting signature as SVG and rendering the SVG within the browser. 
	// (!!! inline SVG rendering from IMG element does not work in all browsers !!!)
	// this export plugin returns an array of [mimetype, base64-encoded string of SVG of the signature strokes]
	var datapair = $sigdiv.jSignature("getData", "svgbase64") 
	var i = new Image()
	i.src = "data:" + datapair[0] + "," + datapair[1] 
	$(i).appendTo($("#someelement") // append the image (SVG) to DOM.
 
	// Getting signature as "base30" data pair
	// array of [mimetype, string of jSIgnature"s custom Base30-compressed format]
	datapair = $sigdiv.jSignature("getData","base30") 
	// reimporting the data into jSignature.
	// import plugins understand data-url-formatted strings like "data:mime;encoding,data"
	$sigdiv.jSignature("setData", "data:" + datapair.join(","))

mais il est vrai qu'il apparait directement sur cette page.