将div捕获到较小的画布

Question

我在$('#ImageHolder')中获得了一些html内容。这是116px宽，152px高。我想把它拍成87px宽114px高的画布。但是当我尝试使用下面的代码时，它没有捕获完整的$('#ImageHolder')。它停了一半。如何将116px宽和152px高$('#ImageHolder')捕捉到87px宽114px高的画布？

   var parnt =document.getElementById('ImageHolder');
   var xyz = document.getElementById('mainItm');

   html2canvas(xyz).then(function(canvas){          
      var cvs=document.createElement('canvas');
      cvs.width=87;
      cvs.height=114;
      parnt.appendChild(cvs);    
      var ctx=cvs.getContext('2d');
      ctx.drawImage(canvas,x,y,canvas.width,canvas.height,0,0,87,114);
    });

Answer 1

// use 0,0 instead of x,y
ctx.drawImage(canvas,0,0,canvas.width,canvas.height,0,0,87,114);