Захват div на меньший холст

Question

У меня есть содержимое html в $('#ImageHolder'). Это 116px широкий и 152px высокий. Я хочу захватить его в холст шириной 114px шириной 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);