html2Canvas-返回的画布为空

Question

我正在尝试在Angular 7 / Ionic 4项目中实现html2Canvas v 1.0.0-rc.1。

我遇到的问题是，当我尝试获取简单div的画布时，返回的画布被清空，并且根据文档，没有使用* .appendChild附加到目标div的内容。

为进行调试，我在返回控制台中记录了如下内容：

<canvas width="0" height="0" style="width: 0px; height: 0px;"></canvas>

下面是我的代码和控制台日志。我已经在Safari 12和Chrome 74中进行了测试。我在做什么错？预先感谢

HTML

<ion-content>
    <div id="destination">
      Destination - Html Canvas to Append to This
    </div>
    <div id="cover">
        Source - Hello World
    </div>
</ion-content>

JavaScript /组件

printTest(): void {
    let element = document.getElementById("cover");
    console.log('Source Element', element);
    html2canvas(element).then((canvas) =>{
      console.log('Console Canvas', canvas)
      var destination = document.getElementById('destination');
      destination.appendChild(canvas);
    });
}

控制台日志