将图像预加载为角度的背景图像

Question

在url_rec中，我正在获取图像的url。我想在显示图像之前将其作为背景图像预先加载到浏览器中。我们正在获取当前正在处理的图像。因此，无论何时我想显示任何图像，都不会延迟，并且我的工作不会变慢。我正在使用angular 5，此代码是在.ts文件中编写的。

this.socket.on('url_json', function(url_rec)
    {
      // console.log(url_rec);
    });

Html5画布显示背景图像。

<canvas #myCanvas width="2048" height="2048" [ngStyle]="{ 'background-image': 'url(' + url + ')','background-repeat':'no-repeat'}">
</canvas>