SVG не появляется на скриншоте

Question

Я следовал этому уроку здесь: https://forge.autodesk.com/blog/create-pushpin-markup-svg

Я успешно внедрил изображения svg как часть моего средства просмотра, привязал их к перерисовке на событиях средства просмотра и т. Д. Но затем я начал использовать возможность просмотра снимка экрана. Это привело к получению скриншота без разметки svg.

Тем не менее, пометки, такие как линии, на которых нарисовано, работают, так как они добавляются в оверлей (overlayscenes).

Есть ли способ добавить изображения SVG в оверлей средств просмотра, чтобы их можно было экспортировать в скриншот, или есть другой способ добиться этого?

Answer 1

Одним из возможных путей решения этой проблемы было бы использование библиотеки canvg для рисования svgs на снимке после его захвата (библиотекой рендеринга с экрана на холст, такой как html2canvas и т. Д.):

html2canvas(viewer.canvas).then(canvas => {
    canvas.getContext('2d').drawSvg(SVG_XML_OR_PATH) //draw the markups here with the extension enabled by "canvg"
    canvas.toDataURL/toBlob ... //persist your capture

});