Как преобразовать определенный div (со всем его содержимым, включая изображения SVG) в изображение PNG?

Question

Предположим, что у меня есть div содержит таблицу с изображениями SVG, встроенными в текст, при попытке конвертировать этот div в png, таблица и текст будут преобразованы без каких-либо проблем, но изображения SVG исчезнут !.Я пытался использовать " html2canvas.js " и " dom-to-image.js " с " FileSaver.js " и ничего не изменилось.

html2canvas код:

$("#cmd").click(function () {
    html2canvas(document.querySelector("#shape")).then(function (canvas) {
        document.body.appendChild(canvas);
    });
});

код изображения в виде изображения:

var node = document.getElementById('shape');
var btn = document.getElementById('cmd');
btn.onclick = function () {
    domtoimage.toBlob(document.getElementById('shape')).then(function (blob) {
          window.saveAs(blob, 'image.png');
    });
}