Jquery 需要帮助使用Canvas2ImageJavaScript提高分辨率（应该很简单..但我是新手）

我和.js一起工作才几天，所以我对这方面还不熟悉

我一直在创建一个按钮，用于下载特定.Div的图像

问题是：分辨率真的很差

我在这里复制并简化了我的脚本，供您查看：

HTML

JSFIDLE演示：

js源代码是html2canvas和canvas2image（很棒的东西！），但是正如你所看到的，图像分辨率非常差

然而，我一直在www上寻找解决方案；而且似乎有很多解决方案

从我们所能理解的，一个“羔羊先生”找到了一个人们认为很聪明的解决方案

羔羊先生解决方案：

    var w = 1000;
var h = 1000;
var div = document.querySelector('#divtoconvert');
var canvas = document.createElement('canvas');
canvas.width = w*2;
canvas.height = h*2;
canvas.style.width = w + 'px';
canvas.style.height = h + 'px';
var context = canvas.getContext('2d');
context.scale(2,2);
html2canvas(div, { canvas: canvas }).then(function(canvas) {
    // do what you want
});

资料来源：

但是，我对javascript语言太陌生（读起来不好），无法将这些点连接起来并将脚本实现到我的脚本中：-(

你们谁能帮我一下吗？我会非常感激：-）

约纳坦酒店

    document.querySelector('button').addEventListener('click', function() {
  html2canvas(document.querySelector('.imageContainerLimit'), {
    onrendered: function(canvas) {
      // document.body.appendChild(canvas);
      return Canvas2Image.saveAsPNG(canvas);
    }
  });
});

    var w = 1000;
var h = 1000;
var div = document.querySelector('#divtoconvert');
var canvas = document.createElement('canvas');
canvas.width = w*2;
canvas.height = h*2;
canvas.style.width = w + 'px';
canvas.style.height = h + 'px';
var context = canvas.getContext('2d');
context.scale(2,2);
html2canvas(div, { canvas: canvas }).then(function(canvas) {
    // do what you want
});