Estoy ejecutando algunas funciones de arte generativo para crear una imagen en lienzo HTML/JS. Tengo una variable en un bucle que me gustaría incrementar en la función y regenerar la imagen muchas veces creando así una sucesión de imágenes que cambian gradualmente que me gustaría "unir" como un video que muestra una evolución sistemática. No quiero usar un enlace de descarga o hacer clic derecho en las imágenes para guardarlas. Me gustaría especificar una ubicación de carpeta en mi PC y que las imágenes individuales se guarden automáticamente en la ubicación. es posible?
Para la primera parte de su pregunta, puede capturar animaciones creadas en un elemento de lienzo utilizando la interfaz MediaRecorder de la API de grabación MediaStream del navegador. MDN tiene algunos detalles sobre cómo configurar esto aquí: https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API
La segunda parte de su pregunta es más difícil: los navegadores están aislados del dispositivo del usuario por razones de seguridad. Existe la nueva API de acceso al sistema de archivos, como se describe en este artículo de WebDev , pero nunca la he usado, por lo que no puedo decir qué tan útil sería para su caso de uso.
Alternativamente, puede enviar el video o las instantáneas de la imagen a una instalación de almacenamiento de archivos remota y descargarlos desde allí.
Si se trata de un caso único para usted y no de un sitio web público, puede usar node-canvas y tener acceso completo al sistema de archivos. Luego puede usar ffmpeg para unir marcos:
ffmpeg -framerate 30 -i /path/to/folder/fileName.%02d.png Use %02d si sus imágenes están etiquetadas 10-99, %03d para 100-999, etc.