使用 Jquery 的 html2canvas 中质量较差的图像答案

【问题标题】：poor quality images in html2canvas using Jquery使用 Jquery 的 html2canvas 中质量较差的图像
【发布时间】：2017-01-27 19:47:20
【问题描述】：

我正在 html2canvas 上创建图像，但分辨率很差，这是代码：

window.takeScreenShot = function() {
  html2canvas(document.getElementById("target"), {
    onrendered: function(canvas) {
      document.body.appendChild(canvas);
    },
    width: 500,
    height: 500
  });
}

<div id="target">
  <img width="128" height="128" src="1.png" alt="The Scream">
</div>
<button onclick="takeScreenShot()">to image</button>
<script src="html2canvas.js"></script>
<script src="canvas2image.js"></script>

【问题讨论】：

代码在这里：

标签： jquery html2canvas

【解决方案1】：

您有大小为128x128 的图像，您尝试将其调整为500x500。它会降低原始图像的质量。

【讨论】：