Javascript 将div捕获到较小的画布上

我在$'ImageHolder'中有一些html内容。这是116像素宽和152像素高。我想把它捕捉到一块87像素宽、114像素高的画布上。但是当我尝试使用下面的代码时，它并没有捕获完整的$'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);
    });

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