Capturar zona de pantalla y enviar al clipboard
Publicado por Manu (6 intervenciones) el 21/06/2022 12:29:00
En https://www.marzenit.net he desarrollado una web para diseñar acordes para guitarra. Tengo un botón para capturar el DIV con la imagen del acorde. Ya funciona teóricamente todo. No hay errores. Pero una vez en el clipboard, si voy a un documento WORD por ejemplo para pegar la imagen y hago Ctrl-V para pegarla, lo que paga es un "churro" de este tipo: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAACNCAYAAAA3k22VAAAEb0lEQVR4Xu2dMVLbQBSG1zMJzIQUlDkCLT4FfZKCisJcghm7ghvQuqHBBUnPAajhEhShcxEyA8kMYQ2yZVuW3660P5b53MGs9e9++vX26e1aajn39OT4JCfQ8qAfHv8lF3rPApsbHxygBQ4oBP3n/rdAer0lPm19nhrgQtDb29vrTSLh6IbDoQN0QsDZoQEtgOwlAN0E0K3Wc3Ly+jk+PnbdblfU7ebJRDvaQ......
No pega la imagen real real como cuando hacemos una captura de pantalla con la tecla "Impr Pant"
¿Alguien puede ayudarme?
Para pegar la imagen al clipboard utilizo las utilidades dom-to-image y básicamente este es el código Javascript:
No pega la imagen real real como cuando hacemos una captura de pantalla con la tecla "Impr Pant"
¿Alguien puede ayudarme?
Para pegar la imagen al clipboard utilizo las utilidades dom-to-image y básicamente este es el código Javascript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function fotografiarAcorde() {
var node = document.getElementById('nodoAcorde');
domtoimage.toPng(node).then(function(resultado) {
this.imagenAClipboard2(resultado);
})
.catch(function(error) {
console.error('Error:', error);
});
}function imagenAClipboard2(imagen) {
navigator.clipboard.writeText(imagen).then(function() {
console.log('Imagen copiada correctamente!');
}, function(err) {
console.error('Error:', err);
});
}Valora esta pregunta
0
