html2Canvas - возвращенный холст пуст - PullRequest
1 голос
/ 03 мая 2019

Я пытаюсь реализовать html2Canvas v 1.0.0-rc.1 в моем проекте Angular 7 / Ionic 4.

Проблема, с которой я сталкиваюсь, заключается в том, что, когда я пытаюсь получить холст простого div, возвращаемый холст очищается и ничто не добавляется к моему целевому div с использованием * .appendChild согласно документации.

Для отладки я консольный журнал возвращаю холст, где это выглядит так:

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

Журналы консоли Console Logs

...