Я пытаюсь получить изображение svg из вызова API, вызова, у которого responseType установлен как blob, и заполнить фоновое изображение элемента div с помощью svg, который я получил.Вот мой код:
this.subscriptionArray.push(
this.analysisService.getHeatmapBackgroundSVG().subscribe((svg: any) => {
const urlCreator = window.URL;
const imageUrl = urlCreator.createObjectURL(svg);
const chartObject = document.getElementById('chartMainDiv');
if (chartObject) {
chartObject.style.background = 'url(' + imageUrl + ')';
}
Вот как выглядит объект как svg: any:
Blob
size: 3562
type: "application/octet-stream"
__proto__: Blob
А вот так выглядит imageUrl:
blob:http://localhost:4200/6f89fd79-2061-4d47-999d-c85a12c41087
Проблема в том, что когда я устанавливаю style.background в chartObject, ничего не происходит.Свойство css появляется в консоли, и если я нажимаю на URL внутри тега url (), оно загружает правильный svg, только если оно не отображается на самой странице.Что я делаю не так?