javascript - 是否可以暂时卡住 HTML 元素的当前外观？

Question

背景是我有一个极其复杂的 Web 应用程序，其中包含各种模式编辑器。打开其中一个编辑器时，我会显示一个简短的动画。但是，在我什至初始化编辑器并启动动画之前，我需要取消初始化“主”用户界面，因为它使用大量资源。所以，我想制作一个主用户界面的卡住“屏幕截图”(它需要快速，所以 html2canvas 是不行的)，然后将其从 DOM 中删除，然后初始化模态编辑器并启动动画。

DOM 有这方面的 API 吗？

Answer 1

不幸的是，不，你不能。您能做的最好的事情就是将 HTML 转换为 SVG，然后将生成的图像复制到 Canvas 上。

如果您真的有太多的 DOM 元素，以至于您必须在显示对话框之前 trim 树，我会重新考虑您的应用程序，以及这些元素是否都属于一个页面。