从一个长HTML到许多JPEG(或任何其他图像)
From a long HTML to many JPEGs (or any other image)
我有一个很长的网页(垂直)其可以被认为具有40页。
每个页面都被一个hr元素分割,如下所示:
并且具有相同的高度:860px。
我想把html中的每个"页面"转换成jpg。当然是以自动化的方式。
有人能建议怎么做吗?
这不是一个容易解决的问题,因为不同的浏览器可能会对页面的呈现略有不同。那么,表看起来与网页上的完全有多重要呢?
更常见的是将HTML页面转换为PDF,用于打印或电子邮件附件。有很多库可以做到这一点(但它们都有点meh),我已经成功地使用了TCPDF。
您可以选择
- 创建整个页面的图像,然后使用一些图像库来分割
hr
- 或者在你的页面中注入一些javascript,用它来隐藏除一个页面之外的所有内容,然后单独截图
试试wkhtmltoimage,它使用无头webkit浏览器生成HTML页面的图像。手动
或者,还有browsershot的截图工厂,我还没有尝试过,但可能会完成这项工作。然而,它可能需要一些调整。
还有一些疯狂的东西,比如用JS编写的HTML解析器,但我认为它们在这种情况下没有任何用处。仅此一提。
相关文章:
- 函数参数中的数据与指定变量之间的任何性能差异
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- jQuery中是否内置了任何字符串格式化函数
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 正在将base64 jpeg从input-type=file上传到服务器
- 有任何可能将facebook实时信使整合到一个网站中
- 是否有任何方法可以使用jQuery替换在数组中定义值的文本
- AJAX:$_GET不返回任何值
- 在同一个服务工作者中处理service-worker.js有任何影响吗
- 将事件处理程序绑定到任何可能的事件
- 在Highcharts中,我们可以通过任何方式在渲染图表之前获得plotWidth和plotHeight
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- document.styleSheets不返回任何内容
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- Graphiti中是否有任何工具提示功能
- 有没有任何方法可以使用node-js从不同的机器打开浏览器
- 在解析对象.save()中;没有返回任何原因
- 任何浏览器都不支持javascript函数
- 从一个长HTML到许多JPEG(或任何其他图像)