Antes de que me diga que esta es una pregunta duplicada, sepa que he buscadocada sola pregunta similar yninguna de las respuestas en cualquiera de ellas me funcionan.

Estoy usandohtml2canvas para tomar una instantánea de un div, y lo que necesito hacer es escalarlo750x1050 antes de guardarlo en un png víacanvas.toDataURL().

Lo más cerca que estuve fue con el siguiente código.

html2canvas(document.getElementById('div_id'), {
   onrendered: function(canvas) {

      var extra_canvas = document.createElement("canvas");

        extra_canvas.setAttribute('width', 750);
        extra_canvas.setAttribute('height', 1050);

        var ctx = extra_canvas.getContext('2d');
        ctx.drawImage(canvas, 0, 0, 750, 1050);
        var dataURL = extra_canvas.toDataURL();

        window.open(dataURL);
   }
});

El tamaño de la imagen era correcto pero el texto dentro de la imagen era de una calidad extremadamente baja, como si cambiara el tamaño.después convertirse en un png.

¿Es que estoy haciendo algo mal o no puedes escalar de esta manera?

¡Cualquier sugerencia / solución será muy apreciada!