У меня есть SVG, который выглядит следующим образом
<svg width="800" height="600" viewBox="0 0 800 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<image width="800" height="600" href="https://miro.medium.com/max/1600/1*S42JIp-jsj8Bzg_veo1LkQ.gif"/>
<rect xmlns="http://www.w3.org/2000/svg" style="/* fill:rgb(0,0,255); */stroke-width:3;stroke:rgb(0,0,0);" height="500" width="240" x="280" y="50"/>
</svg>
Я пытаюсь записать видео (с JavaScript) этого SVG, которое будет содержать gif, вставленный в него. Как к твоему сведению, я вполне могу нарисовать SVG на холсте, если это поможет мне решить эту проблему.
Я нашел библиотеки типа https://github.com/spite/ccapture.js/, но я не уверен, как это сделать. используйте его с SVG.