捕获 div 到更小的 canvas

Question

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

   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);

捕获 div 到更小的 canvas

Capture div to a smaller canvas

html

javascript

canvas

html2canvas