IMGKit 将 HTML 转换为 HTML 特定部分的 PNG

【问题标题】：IMGKit convert HTML to PNG of a specific part of the HTMLIMGKit 将 HTML 转换为 HTML 特定部分的 PNG
【发布时间】：2014-04-15 14:06:42
【问题描述】：

我在文档中找不到这个，所以我在这里问。

是否可以告诉 IMGKit 转换 HTML 的特定部分？我只想要特定容器的 PNG。

所以，如果我的 HTML 标记如下所示：

<html>
<head><title>Test</title></head>
<body>
<div class='container'>
Test
</div>
</body>
</html>

只截取容器 div 的截图？

【问题讨论】：

【解决方案1】：

我可以在这里想到几个选项：

您可以创建一个仅包含您希望转换为图像的元素的新视图。如果您想避免重复代码，您甚至可以将此新视图作为局部视图呈现到现有视图中。
根据GitHub IMGKit 上的使用示例，IMGKit 接受带有 HTML 作为第一个参数的字符串，因此您可以将该元素解析出您的视图并传递它。请注意，如果有任何外部脚本或样式表，请使用以下代码添加它们：

添加样式和脚本：

kit.stylesheets << '/path/to/css/file'    
kit.javascripts << '/path/to/js/file'

【讨论】：