Предварительная загрузка изображений в качестве фоновых изображений в angular
В url_rec я получаю URL изображений. Я хочу предварительно загрузить изображения в качестве фонового изображения в браузере перед его отображением. Мы получаем изображения, которые в данный момент обрабатываются. Поэтому всякий раз, когда я хочу отобразить какое-либо изображение, это не займет никакой задержки, и моя работа не замедлится. Я работаю над angular 5, и этот код написан в файле .ts.
this.socket.on('url_json', function(url_rec)
{
// console.info(url_rec);
});
Холст HTML5 для отображения фонового изображения.
<canvas #myCanvas width = "2048" height = "2048" [ngStyle] = "{ 'background-image': 'url(' + url + ')','background-repeat':'no-repeat'}">
</canvas>
Разве это не снизит четкость изображения? Мне также нужно увеличить изображение для дальнейших ссылок.
Это действительно не так сильно повреждает изображение. Вы были бы удивлены. Это действительно вызывает некоторую пикселизацию ... Но минимальную. Попробуйте? Пользоваться им быстро и легко. В настоящее время я использую его для разрабатываемого мной веб-сайта электронной коммерции.
Подскажите, пожалуйста, как это сделать? Я использую холст для отображения изображений. И образы постоянно появляются и меняются. Выше я показал, как использую холст.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Попробуйте сначала уменьшить изображения с помощью tinyimage. (Google tinyimage) это берет изображение и уменьшает его размер за счет оптимизации цветовых палитр. Это значительно сокращает время загрузки изображения.