html2canvas 代碼不工作 IE 11

Question

我希望使用 html2canvas 庫制作一個 div 的圖像並將其放入另一個。 到目前為止，它在 Safari、Chrome 和 Firefox 中運行良好，但不適用於 IE（11 是我現在唯一關心的版本）。

我正在使用來自另一個 Stackoverflow 問題的 jsfiddle 中的代碼來應用它：

var aaaDiv=document.getElementById('aaa');
var ttDiv=document.getElementById('tt');

html2canvas(aaaDiv).then(function(canvas) {
// assign id:avatarCanvas to canvas 
canvas.id='avatarCanvas';
// append canvas to ttDiv
ttDiv.appendChild(canvas);

});

https://jsfiddle.net/m1erickson/wtchz972/

我聽說 IE 不喜歡“appendChild”，但我不確定如何從那里開始。

Answer 1

添加這 2 個 JS - 如果丟失或損壞，它將自動提供/替換 Promise。

<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script> 

資料來源：Arthez 對 Roman Canlas 帖子的評論和https://github.com/stefanpenner/es6-promise

Answer 2

appendChild 函數與您面臨的問題無關。 從 IE6+ 開始支持 appendChild

通過查看 html2canvas 代碼，該庫碰巧使用了Promises 功能，不幸的是，任何版本的 IE 都不支持該功能

http://caniuse.com/#search=promises

（雖然它在 Microsoft Edge 中受支持）