尝试使用 imgkit 和 wkhtmltoimage 将 html 转换为图像

Posted 2023-03-29

【中文标题】尝试使用 imgkit 和 wkhtmltoimage 将 html 转换为图像

【英文标题】：Trying to convert html to image using imgkit and wkhtmltoimage

【发布时间】：2016-05-20 09:40:32

【问题描述】：

尝试使用 ImgKit 和 wkhtmltoimage 将 HTML 内容转换为图像。图像已成功转换，但面临字体问题（Font Awesome）。

图片看起来不像 HTML 内容。

附加 2 张图片，其中一张包含 HTML 内容 (HTML-CONTENT.png)，另一张转换为图片 (HTML-Converted-To-IMAGE.png)。您可以看到 2 张图片之间的字体差异。

您能否请任何人建议我，我怎样才能实现精确的 html 转换为图像。

提前感谢您的帮助。

【参考方案1】：

kit = IMGKit.new(html)
kit.stylesheets << '/path/to/css/file.css'

我认为你应该确保图像中使用的样式表在 html 中是相同的。

【讨论】：

感谢您的回复。但我正在将 HTML 从 Web URL 转换为图像。它已经拥有所有的 CSS、字体。问题是在转换为图像时，某些字体未加载。谢谢

也许 CSS 路径不是绝对路径？尝试在本地服务器中保存 font-awesome 并使用绝对路径调用它。