Javascript 如何拍摄HTML表单的屏幕截图？

我正在做一个项目，基本上是一个用户填写的web表单。完成后，他们可以保存完整表单的屏幕截图，作为小册子使用

我正试图找出最好的方法来实现这一点

---

我有一个使用

canvas

标记的简单原型，但是文本格式选项不足以满足我的需要，所以我想知道是否有其他方法来生成HTML元素的屏幕截图。

如果我可以建议，将结果发布到Web服务器，并使用一些可用的报告工具从中创建一个漂亮的PDF文档

---

在我看来，这是最好的、可维护的解决方案。无需在HTML或Javascript中对其进行黑客攻击。您可以使用自己的徽标、打印布局、字体等。

为什么需要这样做？也许你可以用另一种方式完成同样的事情。我不认为您试图实现的目标是可能的。如果您想在Browser中实现，SVG可能是一个选项，因为将html呈现为pdf是最好的选择。实际上，它使用webkit引擎呈现页面，并为您创建PDF。这意味着您甚至可以使用@font-face、脚本等。您可以找到一些文档这是一个很好的解决方案，但我要提到的是，html5画布上的任何用户绘图都不会持久化到服务器，除非您通过“用javascript对其进行黑客攻击”（serialize==保存/重放所有画布绘图命令或保存画布数据URL）序列化画布内容. ;-)@马克：OP有一个很容易发布的表单。他试图用

画布解决这个问题。我认为这是XY问题的一个例子。@markE:没问题。谢谢你对这个问题的看法。