Angular DOM在使用dom-to-image时重新加载

Question

我在我的程序中使用dom-to-image将div更改为图像，我的问题是div是根据参数计算的，所以我需要多次转换它们。

所以我使用这个脚本：

import domtoimage from 'dom-to-image';

convert() {
    const list = (<HTMLElement[]><any>document.getElementsByClassName('indicator-wrapper'));
    for (let i = 0; i < list.length; ++i) {
        domtoimage.toPng(list[i]).then(function (dataUrl) {
            const img = new Image();
            img.src = dataUrl;
            document.body.appendChild(img);
        })
            .catch(function (error) {
                console.error('oops, something went wrong!', error);
            });
    }
}

对于每次通话，它会再次下载我的所有资源：

  

840次| 18：59：49.418 | XHR完成加载：GET＆＃34;＆＃34;。

     

96次| 18：59：50.305 | XHR完成加载：GET＆＃34;？＆＃34;。

为什么会这样？