使用Jquery在html2canvas中的低质量图像

Question

我在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>

Answer 1

您的图片尺寸为128x128，并尝试将其尺寸调整为500x500。它会降低原始图像的质量。