前端如何截图未显示的页面？

Question

场景：
比如有一个调查问卷的项目，每个问卷里有很多道题，点击可以切换下一道题

假设我需要在显示之后的题目之前，展示所有题目的预览页面，且可以截图，应该如何显示？

（如果只能在预览页面里遍历所有的题目全部渲染，这样是否会有性能问题？）

Answer 1

可以使用canvas渲染，然后直接生成图片。

也可以用html模拟一个打印预览的弹窗，然后把这个弹窗中的内容转换成图片。

性能问题，主要看你有多少题目，千条问题一起渲染的话问题不会很大。