java - 如何将带有 CSS3 和 SVG 的 HTML 转换为图像 - 最好是从 Java？

Question

我正在尝试找到一种快速高效地大规模栅格化 HTML 的方法。这最好使用 Java，但我也愿意接受其他选项。

给定一个包含 CSS3(包括 3D 转换和 SVG)的 HTML 输入，我想创建一个 PNG，它可以提供给旧浏览器或用作社交媒体上的缩略图。我的想法是，我可能在网页上有一个 SVG，然后使用 CSS3 提供 3D 透视图，我想要它的图像。

是否有纯 Java 方法来做到这一点？我想在服务器环境( headless )中进行这些转换。如果不是，像 PhantomJS 这样的东西，但是 doesn't support CSS 3D transforms .当然，我可以使用 Batik 将 SVG 转换为图像，但这里的关键是使用 CSS 3D 转换来栅格化 HTML。

如果我可以使用带有 CSS3 或 SVG 动画的页面并从中创建多个帧来制作动画 gif，则可加分。

Answer 1

你可以使用 nodeshot直接支持 CSS 3D 和 HTML5 或尝试 slimer-js (我没有仔细检查过这个)。此外，一旦你截取了屏幕截图，你就可以使用 FFMPEG至 combine the images into an animated GIF .