小编sha*_*ons的帖子

在toDataURL之前缩放图像 - html2canvas

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

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

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

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);
   }
});
Run Code Online (Sandbox Code Playgroud)

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

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

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

html javascript css resize html2canvas

6
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1

html ×1

html2canvas ×1

javascript ×1

resize ×1