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

我没能在文档中找到这个，所以这就是我在这里问的原因。

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

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

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

只截取容器div的截图？

最佳答案

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

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

添加样式和脚本:

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

关于html - IMGKit 将 HTML 转换为 HTML 特定部分的 PNG，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22334587/