Ahora estoy atascado en esto:
preview.src = saveImageCanvas.toDataURL("image/png");
Este codigo:
window.open(saveImageCanvas.toDataURL("image/png"));
Me abre la cadena base64 en la barra de navegacion y quisiera que el codigo base 64 me lo escribiera en el documento html, este:
Código PHP:
<html>
<head>
<link rel="stylesheet" type="text/css" href="demoButtons.css" />
<script type="text/javascript" src="demobuttons.js"></script>
<script type="text/javascript">
function initDemo() {
var signatureForm = new SignatureForm(document.getElementById("signatureImage"));
signatureForm.connect();
}
</script>
</head>
<body>
<div id="createPNGButton">
</div>
<div>
<div id="signatureDiv">
Signature image:<br/>
<img id="signatureImage"/>
</div>
<div>
Actions:<br/>
<input type="button" id="signButton" value="Start demo" onClick="javascript:initDemo()"/>
</div>
</div>
<p id="signatureDiv"><p>
<canvas id="wgssSTU" width="300" height="300"></canvas>
<?php
//imagen png codificada en base64
$Base64Img = " AQUI";
//eliminamos data:image/png; y base64, de la cadena que tenemos
//hay otras formas de hacerlo
list(, $Base64Img) = explode(';', $Base64Img);
list(, $Base64Img) = explode(',', $Base64Img);
//Decodificamos $Base64Img codificada en base64.
$Base64Img = base64_decode($Base64Img);
//escribimos la información obtenida en un archivo llamado
//unodepiera.png para que se cree la imagen correctamente
file_put_contents('unodepiera.png', $Base64Img);
echo "<img src='unodepiera.png' alt='unodepiera' />";
?>
</body>
</html>
Le estoy dando vueltas y nada, si alguien puede ayudarme.
gracias