Saltar al contenido

Genere una imagen de un div y Guardar como

Posterior a consultar con expertos en el tema, programadores de varias ramas y profesores dimos con la respuesta a la pregunta y la compartimos en esta publicación.

Solución:

Podrías hacer este enfoque:

//Creating dynamic link that automatically click
function downloadURI(uri, name) 
    var link = document.createElement("a");
    link.download = name;
    link.href = uri;
    link.click();
    //after creating link you should delete dynamic link
    //clearDynamicLink(link); 


//Your modified code.
function printToFile(div) 
    html2canvas(div, 
        onrendered: function (canvas) 
            var myImage = canvas.toDataURL("image/png");
            //create your own dialog with warning before saving file
            //beforeDownloadReadMessage();
            //Then download file
            downloadURI("data:" + myImage, "yourImage.png");
        
    );

Aquí está el código final, si puede ayudarte:

function PrintDiv(div)

    html2canvas((div), 
        onrendered: function(canvas) 
            var myImage = canvas.toDataURL();
            downloadURI(myImage, "MaSimulation.png");
      
    );


function downloadURI(uri, name) 
    var link = document.createElement("a");

    link.download = name;
    link.href = uri;
    document.body.appendChild(link);
    link.click();   
    //after creating link you should delete dynamic link
    //clearDynamicLink(link); 

Reseñas y puntuaciones

Al final de todo puedes encontrar los comentarios de otros usuarios, tú asimismo eres capaz mostrar el tuyo si te gusta.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *