Estoy mostrando una imagen de usuario usando JavaScript, pero la URL resultante es un 'blob', lo que significa que cuando intento guardarlo usando html2canvas, aparece un espacio en blanco, creo que esto se debe a que el resultado es actualmente un blob.

También intenté agregar allow taint a html2canvas, esto de hecho guarda la imagen pero cambia las dimensiones y aplasta la imagen.

 var loadFile = function(event) { var image = document.getElementById('output'); image.src = URL.createObjectURL(event.target.files[0]); };

 <p><input type="file" accept="image/*" name="image" id="file" onchange="loadFile(event)" style="display: none;"></p> <p><button><label for="file" style="cursor: pointer;">Upload Image</label></button></p> <img id="output" style="width:50%;" />