Я пытаюсь реализовать 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](https://i.stack.imgur.com/z1J6F.png)