0

SignaturePad で遊んでみようとしています - 署名をキャプチャするために - 生のコーディングは機能します - しかし、それは新しいブラウザにポップし、data:image/png;base64 などとして送信されます...

それは問題ありません-しかし、私は.cfm URLにデータをキャプチャしようとしています-ie:signed.cfm?sigstr="data:image/png;base64etc..."-そして、それで何かをすることができます。URLの変更にあまり運がなく、新しいブラウザウィンドウもありません-以下のコードだと思います...

window.open(signaturePad.toDataURL());

どんな助けでも大歓迎です

 var wrapper = document.getElementById("signature-pad"),
clearButton = wrapper.querySelector("[data-action=clear]"),
saveButton = wrapper.querySelector("[data-action=save]"),
canvas = wrapper.querySelector("canvas"),
signaturePad;

 // Adjust canvas coordinate space taking into account pixel ratio,
 // to make it look crisp on mobile devices.
 // This also causes canvas to be cleared.
 function resizeCanvas() {
// When zoomed out to less than 100%, for some very strange reason,
// some browsers report devicePixelRatio as less than 1
// and only part of the canvas is cleared then.
var ratio =  Math.max(window.devicePixelRatio || 1, 1);
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
 }

 window.onresize = resizeCanvas;
 resizeCanvas();

 signaturePad = new SignaturePad(canvas);

 clearButton.addEventListener("click", function (event) {
signaturePad.clear();
 });

 saveButton.addEventListener("click", function (event) {
if (signaturePad.isEmpty()) {
    alert("Please provide signature first.");
} else {
    window.open(signaturePad.toDataURL());
}
 });
4

0 に答える 0