如何在画布内渲染DOM元素动画？

Question

我正在尝试在React中创建一个轻量级的视频编辑工具，该工具将允许用户对视频剪辑进行小的编辑（例如：使用某些动画更改屏幕上的文本）。我的第一个想法是将视频播放在画布上，并使用诸如anime.js之类的库将文本动画覆盖在视频上方。但我希望能够保存编辑后的文本内容并将其添加到视频中以进行渲染。

我知道不可能在画布中包含DOM元素，但想知道实现此目标的最佳方法是什么？我知道Lumen5具有此功能https://lumen5.com/。

<div>
  <canvas>
  <div>
   Content with animation 
  </div>
</div>