Javascript Similarweb如何创建PDF报告？

如果您通过访问以下url在Similarweb上查询

stackoverflow.com

：

网站上的统计数据给你提供了一个很好的概览。我相信我理解他们是如何利用Highcharts等库来进行概述的

我不明白的是，他们是如何生成一份漂亮的pdf报告的（你可以在右上角请求pdf报告，但它需要提供一个电子邮件地址（没有附属关系！），具有相同的概述、大致相同的比例和精心放置的分页符

---

那么，我的问题是如何以PDF格式清晰地呈现这样的仪表板，包括SVG和Highcharts，并仔细地分页符？我读过关于PhantomJS的文章，这是一个很好的解决方案吗？

作为为SimilarWeb开发PDF生成服务的人，我想我会选择这个：）

因此，“魔法”是通过一个名为的开源项目来实现的，该项目使用QT Webkit呈现引擎将html页面呈现为PDF文件

为了使其完全适合页面，我们将向提供给wkhtmltopdf的统计页面的特殊版本添加额外的CSS。 此CSS包含隐藏（display:none）不需要的元素（导航栏和页脚）、设置适合页面的节高度、设置分页符、在右下角添加SimilarWeb徽标以及一些其他自定义设置的规则

.content-page {
  page-break-after: always;
  height: 720px!important;
  padding-bottom: 10px!important;
  background: #FFF url(/images/powered-by.png) right bottom no-repeat!important;
}

我们使用以下参数调用wkhtmltopdf以实现您提到的结果：

wkhtmltopdf -O Landscape --zoom 1.2 --enable-javascript --no-outline --javascript-delay 10000 --images @URL @FILENAME.pdf