Redimensionar imagem antes de toDataURL - html2canvas
Antes de me dizer que essa é uma pergunta duplicada, saiba que eu pesquiseicada única pergunta semelhante eNenhum das respostas em qualquer uma delas estão funcionando para mim.
Estou a usarhtml2canvas para capturar um instantâneo de uma div, e o que eu preciso fazer é escalá-lo para750x1050 antes de salvá-lo em um png viacanvas.toDataURL()
.
O mais próximo que cheguei foi do código a seguir.
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);
}
});
A imagem foi dimensionada corretamente, mas o texto contido nela era extremamente de baixa qualidade, como se fosse redimensionadodepois de tornando-se um png.
É que estou fazendo algo errado ou você não pode aumentar dessa maneira?
Toda e qualquer sugestão / solução alternativa será muito apreciada!