Guardar contenido html5 canvas en archivo local.
Publicado por Pablo (4 intervenciones) el 23/05/2019 11:33:45
Hola buenos días,
Quiero implementar este pad para firma:
http://szimek.github.io/signature_pad/
en una aplicación web que estoy diseñando.
Lo que quiero es guardar esa firma en un archivo png en un directorio al efecto en el servidor.
Siguiendo el código de la aplicación en GITHUB esta permite "descargar" el archivo png al directorio de descargas que tenga el navegador. Yo lo que necesito es guardarlo en un directorio de mi elección de forma transparente para el usuario.
El código es éste:
Y yo lo convierto en :
Pero no funciona. Tampoco da error, porque si lo diera al menos sabría qué está fallando.
He intentado convertir el dataURL en blob por si fuera un problema de tipo de datos, pero tampoco.
Estoy eligiendo este código porque lo quiero implementar en un iPad, dónde el ratón se sustituye por un lápiz o el dedo.
Quiero implementar este pad para firma:
http://szimek.github.io/signature_pad/
en una aplicación web que estoy diseñando.
Lo que quiero es guardar esa firma en un archivo png en un directorio al efecto en el servidor.
Siguiendo el código de la aplicación en GITHUB esta permite "descargar" el archivo png al directorio de descargas que tenga el navegador. Yo lo que necesito es guardarlo en un directorio de mi elección de forma transparente para el usuario.
El código es éste:
1
2
3
4
5
6
7
8
savePNGButton.addEventListener("click", function (event) {
if (signaturePad.isEmpty()) {
alert("Please provide a signature first.");
} else {
var dataURL = signaturePad.toDataURL();
download(dataURL, "signature.png");
}});
Y yo lo convierto en :
1
2
3
4
5
6
7
8
savePNGButton.addEventListener("click", function (event) {
if (signaturePad.isEmpty()) {
alert("Please provide a signature first.");
} else {
var dataURL = signaturePad.toDataURL();
saveAs(dataURL, "signature.png");
}});
Pero no funciona. Tampoco da error, porque si lo diera al menos sabría qué está fallando.
He intentado convertir el dataURL en blob por si fuera un problema de tipo de datos, pero tampoco.
Estoy eligiendo este código porque lo quiero implementar en un iPad, dónde el ratón se sustituye por un lápiz o el dedo.
Valora esta pregunta
0
