export default class Thumbnail { getThumbnail(canvas) { html2canvas(canvas) .then((canvas) => { this.saveAs(canvas, 'thumbnail.png'); }).catch(function(err) { console.log(err); }) } saveAs(canvas, filename) { let link = document.createElement('a'); if (typeof link.download === 'string') { link.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); link.download = filename; document.body.appendChild(link); link.click(); document.body.removeChild(link); } else { window.open(canvas); } } }Creé una miniatura del módulo que toma la etiqueta del lienzo como su parámetro para tomar una captura de pantalla del área designada cuando se llama desde la etiqueta del script html (así que cada vez que actualizo la página local, llama al módulo)
Hasta donde yo sé, html2canvas guarda la imagen en la carpeta de descarga como predeterminada. Si quisiera guardar una imagen en una ruta de archivo específica , ¿qué debo hacer?
Por ejemplo, si me gustaría guardar la imagen en una carpeta con una ruta de archivo de ./Desktop/Project/Assets/Thumbnail , ¿hay alguna forma de agregar dicho comando dentro del código?
Ningún navegador web permitirá esto.
Usted, como autor de la página, no tiene control sobre dónde se guarda el archivo. Esto se debe tanto a la seguridad y la privacidad como a las preferencias del usuario.
Esto se aplica a todas las descargas, no solo a los archivos creados por el paquete html2canvas.
Si está creando una herramienta que solo usted usará (y parece que lo hará), puede lograr el mismo resultado escribiendo un script de shell no web que monitorea su directorio de Descargas y mueve estos archivos a la carpeta especial. ubicación cuando aparecen.
Para que eso funcione, querrá dar a todas las capturas de pantalla nombres que sigan un patrón que pueda reconocer fácilmente con su script de shell.