在你告诉我这是一个重复的问题之前,请知道我已经搜索过每一个相似的问题,其中任何答案都没有为我工作.

我使用html2canvas来获取div的快照,我需要做的是将其扩展到750×1050,然后通过canvas.toDataURL()将其保存到png.

我得到的最接近的是以下代码.

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);
   }
});

图像大小合适,但图像中的文字质量极差,就像它在成为png后调整大小一样.

是我做错了什么还是你不能这样放大？

任何建议/解决方案将不胜感激！

解决方法:

对于其他任何想知道如何从html：PhantomJS和wkhtmltopdf / wkhtmltoimage获得高分辨率打印内容的人来说,这些都是更好地处理这些事情的好选择.