захватить изображение 3D-объекта и SVG вместе в Angular5 в IE

Question

Как захватить изображение 3D-объекта, модели с тяжелым рисунком и элементы SVG, созданные поверх 3D-объекта?

Я попытался сделать следующее:

1. Я попытался сделать снимокизображение элементов SVG.(Успех с canvg)
2. Я попытался захватить изображение 3D-объекта, созданного объектом ActiveX.(получение изображения от третьего лица).

Теперь я столкнулся с проблемой получения объединенных изображений обоих.Теперь я ищу что-то, что может помочь мне получить окончательное изображение обоих изображений в одно изображение или создать только одно изображение, которое содержит как трехмерный объект, так и элементы svg, созданные d3.js вместе.

1. svg element image

       let targetElem = <any>document.getElementById('body');
       let svgElem = targetElem.querySelector('svg#svg-annotations')
       svgElem.setAttribute('height', '200%');
       svgElem.setAttribute('width', '200%');
   
       let parentNode = svgElem.parentNode;
       let svg = parentNode.innerHTML.trim(); // parentnode is required as we have an ope issue in IE, innerhtml of svg element is not avialable
       this.canvas = document.createElement('canvas');
       this.canvas.setAttribute('id', '_canvas' + this.counter);
   
       canvg(this.canvas, svg);
       // parentNode.appendChild(this.canvas);
       let data = this.canvas.toDataURL('image/png', 0.5);
       let blobData = this.base64toBlob(data.split(',')[1], 'image/png');
       saveAs(blobData, 'myblob.png');
       this.counter++;
       callback(blobData);
   

Получение изображения трехмерной объектной модели тяжелой Кати от третьей стороны.Я пробовал с

https://www.npmjs.com/package/merge-images

, но все же я далек от успеха.

Я хочу получить окончательное изображение, которое содержит как объект 3d catia, так и элементы svg поверхсмоделируйте вместе.

1. способ, которым я могу объединить оба изображения в форме base64 или blob, потому что чтение файла из локальной директории через jvascript не представляется возможным.

2. изображение, которое содержит изображение 3D-объекта и svg за один шаг, что устраняет проблему слияния.

Любая помощь будет высоко ценится.