Estoy tratando de simular un evento de arrastrar y soltar con un directorio.

Lo que quiero hacer es convertir el lienzo en un archivo, ponerlo en el directorio y enviar el evento de arrastre.

Todo se hace por extensión que funciona en un sitio específico. Puedo colocar allí el directorio "img" con "icon.png" manualmente desde el explorador de archivos. Los datos de arrastre están siendo manejados en ese sitio por webkitGetAsEntry() .
Funciona de forma similar al ejemplo de este sitio .

Así es como puedo simular dejar caer solo 1 archivo:

 const canvas = document.createElement("canvas"); const ctx = canvas.getContext('2d'); ctx.fillStyle = "white"; ctx.fillRect(0, 0, 50, 50); canvas.toBlob(function(blob) { let dataTransfer = new DataTransfer(); let file = new File([blob], "icon.png"); dataTransfer.items.add(file); document.querySelector(".drop-zone").dispatchEvent(new DragEvent('drop', {dataTransfer})); });

Pero, ¿cómo hacer que webkitGetAsEntry vea los datos eliminados como directorio? Por ejemplo /img/icono.png