Canvas2Image.js 推送画布的 DIV 图像

如何解决Canvas2Image.js 推送画布的 DIV 图像

谁能告诉我为什么我的 div 图像被推离画布？是否有我缺少的偏移量。抱歉，我是新手。

<style name="CustomActionBar" parent="@style/Theme.AppCompat.DayNight.DarkActionBar">
    <!--  <item name="android:background">@drawable/action_bar_style</item> -->
    <item name="android:height">100dp</item>
    <item name="actionBarSize">100dp</item>
    <item name="backgroundColor">@color/purple_200</item>
</style>

我的 DIV 代码是：

          var scaleBy = 5;
          var div = $("#testdiv");            
          var w = $(div).width();
          var h = $(div).height();

          var canvas = document.createElement('canvas');
          canvas.width = w * scaleBy;
          canvas.height = h * scaleBy;
          canvas.style.width = w + 'px';
          canvas.style.height = h + 'px';
          var context = canvas.getContext('2d');
          context.scale(scaleBy,scaleBy);

          html2canvas(div,{
              canvas:canvas,onrendered: function (canvas) {
                  theCanvas = canvas;
                  document.body.appendChild(canvas);

                  //Canvas2Image.saveAsImage(canvas,w,h,'PNG');
                  Canvas2Image.saveAsJPEG(canvas);
                  //$("#previewImage").append(canvas);
              }
          });

这就是 DIV 的样子：

enter image description here

这就是输出的样子

enter image description here

这让我发疯。任何帮助将不胜感激。