плохое качество изображения в html2canvas с помощью Jquery

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. Это уменьшит качество изображения происхождения.