Javascript 捕获特定DOM元素的屏幕截图（Vanlla js）

我有一张图片作为背景，然后我有不同的信息显示在这张“卡片”上

我需要将文本和图像作为单个文件下载

这是我的代码示例：

/*包含图像和文本的容器*/
.集装箱{
位置：相对位置；
文本对齐：居中；
颜色：白色；
}
/*居中文本*/
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}

覆盖文本

Firefox有这个功能。不了解其他主流浏览器。
通过

拍摄的图像：屏幕截图--选择器“#热门网络问题”

---

创建html组件的blob（你想截图），然后按键盘下载怎么样？这篇文章可能会对你有所帮助@好主意！我已经编辑了这个问题。@NTR谢谢你的评论，但在我的例子中，我需要为每个DOM元素生成一个图像。我将如何使用您建议的解决方案生成许多DOM元素的图像？这是firefox的一个很好的功能，但不幸的是，它无法完成这项工作。只有在特定上下文中执行此命令，才能在控制台中运行此命令。一旦你把一个函数放进去，它就不再工作了。运行以下函数时引发错误：

函数使用screenshot（）{：屏幕截图--选择器“#热门网络问题”}