從長HTML到許多JPEG（或任何其他圖像）

Question

我有一個很長的網頁（垂直） 可以被認爲有40頁。

每個頁面由一個hr元素劃分是這樣的：

---

，並具有相同的高度：860px。

我想轉換每個'頁面'在該HTML中的JPG。 當然是以自動的方式。

有人可以建議如何？

Answer 1

這不是一個容易解決的問題，因爲一方面，不同的瀏覽器可能會呈現略微不同的頁面。那麼這張表看起來像究竟有多像一樣重要？

將轉換成PDF格式，用於打印目的或電子郵件附件。有很多庫可以做到這一點（但它們都有點meh），我用TCPDF取得了一些成功。

Answer 2

您既可以

• 創建整個頁面的圖像，然後使用一些圖片庫分割hr小號
• 或注入一些JavaScript到您的網頁，並用它來掩蓋一切，但一個單頁面，然後單獨進行截圖。

嘗試wkhtmltoimage，它使用無頭webkit瀏覽器來生成HTML頁面的圖像。 Manual

另外，還有browsershot的screenshot factory，我沒有試過，但可能會做這項工作。但是，它可能需要一點調整。

然後有像HTML parsers written in JS這樣的瘋狂的東西，但我不認爲它們在這種情況下有任何用處。只要提一下。