jSignature скопируйте svg информацию в текстовое поле формы

Question

jSignature скопируйте svg информацию в текстовое поле формы

я имею этот скрипт работает, пользователь может разместить свою подпись.
Но мне не удается получитьsvg информация, которая была сгенерирована, скопирована в текстовое поле, поэтому я могу отправить ее с помощью этой HTML-формы в свою базу данных.

<div id="signature"></div>

<textarea id="signature_svg" rows="5" cols="50"></textarea>

.

<script src="vendor/jsignature/jSignature.min.js"></script>
<script>
$(document).ready(function() {
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($("#signature_svg")) // append the image (SVG) to DOM.

$("#signature").bind('change', function(e){ document.getElementById('signature_svg').value; })
})
</script>

Я не обнаруживаю никаких ошибок в моем приставка.

Любые предложения, как получить информацию о signature в signature_svg чтобы я мог отправить форму с этой информацией?

1

jsignature php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Решение перемещает часть кода в JS событие.

<script>
$(document).ready(function() {
var $sigdiv = $("#signature")

$sigdiv.jSignature() // inits the jSignature widget.
// after some doodling...
$sigdiv.jSignature("reset") // clears the canvas and rerenders the decor on it.
})
</script>

<script>
function copy()
{
// signature
var $sigdiv = $("#signature")
var datapair = $sigdiv.jSignature("getData", "svgbase64")
document.getElementById("signature_svg").value = datapair[1];
}
</script>

0