将 div 捕获到较小的画布

Question

我在$('#ImageHolder') 中有一些 html 内容。这是 116 像素宽和 152 像素高。我想把它捕捉到一个 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);