Экспорт элементов SVG и IMG в один файл с использованием JavaScript

Question

Я пытаюсь экспортировать элементы svg и img в один и тот же файл. Я уже экспортировал элементы svg с использованием JavaScript, но мне не удалось экспортировать как изображение, так и svg (я полагаю, потому что типы / кодировки двух объектов различны). Я попробовал:

let downloadButton  = document.getElementById("button");
  downloadButton.onclick = function saveSvg() {
    let svgData = document.getElementsByClassName("chart")[0].outerHTML;
    let imgData = document.getElementById("img").outerHTML;
    let svgImgBlob = new Blob([svgData, imgData], {type:"image/svg+xml;charset=utf-8"});
    let Url = URL.createObjectURL(svgImgBlob);
    let downloadLink = document.createElement("a");
    downloadLink.href = Url;
    downloadLink.download = "test";
    document.body.appendChild(downloadLink);
    downloadLink.click();
    document.body.removeChild(downloadLink);
  };

Однако я получаю следующее сообщение об ошибке

ошибка в строке 1 в столбце 4070: дополнительное содержимое в конце документа

Другая идея, которую я имел, состояла в том, чтобы нарисовать svg на холсте, чтобы оба были одного типа (я предполагаю, что оба будут), однако я не был полностью уверен, будет ли это работать, поэтому я сделал не пробуй.

Можно ли даже экспортировать два разных типа элементов в один и тот же файл?

Ссылка на скрипку .