从长 HTML 到许多 JPEG（或任何其他图像）

Question

我有一个很长的网页（垂直） 可以认为有 40 页。

每个页面都由一个 hr 元素划分，如下所示：

---

并具有相同的高度：860px。

我想将该 html 中的每个“页面”转换为 jpg 格式。 当然是以自动化的方式。

有人可以建议如何吗？

Answer 1

这不是一个容易解决的问题，因为对于一个人来说，不同的浏览器呈现的页面可能略有不同。那么，表格与网页上的外观完全一样有多重要呢？

更常见的是将 HTML 页面转换为 PDF，用于打印或电子邮件附件。有很多库可以做到这一点（但它们都有点meh），我使用 TCPDF 并取得了一些成功。

Answer 2

您可以

• 创建整个页面的图像，然后使用一些图像库来分割 hr
• 或将一些 javascript 注入您的页面并使用它隐藏除单个页面之外的所有内容，然后截取屏幕截图单独。

尝试 wkhtmltoimage，它使用无头 webkit 浏览器生成 HTML 页面的图像。 手册

或者，还有 browsershot 的 屏幕截图工厂，我还没有尝试过，但可能会完成这项工作。然而，它可能需要一些调整。

还有一些疯狂的东西，比如 用 JS 编写的 HTML 解析器，但我认为它们在这方面没有任何用处案件。只是提一下。