经过一系列的研究,搜集资料,终于实现了导出含有highcharts图表的html页面到pdf,但还是存在一些问题,jspdf不支持中文,导出的pdf第一次打开关闭时总是问是否保存,还有就是pdf画板的宽度,试了调大一点,但不成功,只能改变窗口的大小到600px左右去配合。
思路:
1. highcharts生成图表
2.获取图表的svg,并创建一个canvas元素,使用canvg把svg转成canvas
3.canvas转成image DataURL,把图表替换成转换后的image。
4.使用jspdf把html页面导出到pdf格式。(jspdf里面有例子:jsPDF-master/examples/html2pdf/showcase_supported_html.html ,要想把输出到页面改为导出,则把html2pdf的响应函数里面的代码改为 pdf.save('Test.pdf'); 就行ÿ