通过html2canvas更改图像大小而不会降低质量

Question

我通过html2canvas截取div的截图。我想改变字幕div的大小，但不会失去质量。

这是我的代码示例：

$(".meme-submit").on('click',(function() { 
    html2canvas($(".meme-img-upload"), {
        onrendered: function(canvas) {

            var extra_canvas = document.createElement("canvas");
            extra_canvas.setAttribute('width',canvas.width*3);
            extra_canvas.setAttribute('height',canvas.height*3);

            var ctx = extra_canvas.getContext('2d');
            ctx.drawImage(canvas,0,0,canvas.width, canvas.height,0,0,canvas.width*3,canvas.height*3);

            $("#img_val").val(extra_canvas.toDataURL("image/png"));

            document.getElementById("upload-meme").submit();
        }
    });
}));

有人有想法吗？